javascript - HTMLでIDを使用してテーブル行を取得するには?

Question

Id を使用して html テーブルから tr カウントを取得する方法。以下のコードを確認してください。

<table id="tableId">
<tr id="a">
    <td>a</td>
</tr>
<tr id="b">
    <td>b</td>
</tr>

今、行IDを使用してrowNumberを見つけたいと思っています。たとえば、私のrowIdは「b」です。このIdのrowNumberを見つけたいです。

Answer 1

どうぞ

var table = document.getElementById("tableId");
var rowIndex = document.getElementById("b").rowIndex;
table.deleteRow(rowIndex);

以下のコメントで要求されているように、削除用のコードを追加しました。

Answer 2

jqueryでとても使いやすい

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
    var rowCount = $('table#tableId tr:#b').index() + 1;
    alert(rowCount);
    $("#b").remove() // For Remove b  Row (tr) 
   });
</script> 

あなたのHTML

<table id="tableId">
    <tr id="a">
        <td>a</td>
    </tr>
    <tr id="b">
        <td>b</td>
    </tr>
</table>