onBlur 対象行の行番号を取得したい

Question

テーブルのインプット入力後、フォーカスを外したらテーブル全体の行数とフォーカスを外した対象行の行番号を取得したいです。
下記方法で試しましたが、原因がわからず上手くいきません。他の方法も含めてご教示いただけますと幸いです。
宜しくお願い致します。

・試したこと

var element = document.getElementByClassName( 'code_in' ) ;
var test = element.rowIndex ;

・ソース

function allCheck(a) {
　　var idname = $('tr').children().length; 　　//全体の行数を取得
 **   var test = xxxxxxxx　//クリックした行の行番号を取得したい**

     　　alert(idname　+ test);
}  

<tr>
<td><input name='code' type='text' class='code_in' value = '' onBlur='allCheck(this)' /></td>
</tr>

Answer 1

同一idは１ページ内に１つがルールです。
「id」ですから、その名称で要素を特定できなければいけません。

classを振り、そのclassに対してイベントを付与、イベントが発生したカレントからインデックスを算出すると良いです。

と思ったけどthis渡してるなら自身の親のtrから取ったほうが早いかもしれない。

Comments

[test1234]

ご教示ありがとうございます。
「tr」から試してみましたが、上手くいきませんでした。構文違いますでしょうか。
var element = document.getElementsByTagName( 'tr' ) ;
var test = element.rowIndex ;

[m.ts10806]

私の回答関係ないような。

[m.ts10806]

あと、jQuery採用してるなら混ぜこぜは悪手です。

[test1234]

すみません、「thisを渡しているならtrの方が」とのことでしたので、そちらを試してしまいました。
IDではなくclassで試してみましたが、状況変わりませんでした…。

[m.ts10806]

渡したthisから辿らないと意味がありません。

>自身の親のtrから取ったほうが

と書いています。「自身の親」が抜けています。基準はあくまで自身。

Answer 2

a.closest('tr').rowIndex (用途によっては+1が必要)でどうでしょうか。

Comments

[test1234]

できました！ありがとうございました！