javascript - JQuery:查找具有特定数据属性值的行(的索引)

Question

我正在尝试在与此类似的表中的特定行之后附加一个字符串 myoutput:

<table>
<tr data-my_id='1'> <td> content </td> </tr>
<tr data-my_id='2' data-my_other_id='1' > <td> content </td> </tr>
<tr data-my_id='3' data-my_other_id='2' > <td> content </td> </tr>
</table>

假设我想在 tr 之后附加我的输出字符串 data-my_other_id='2'(请注意，在我的代码中，my_other_id = 2 已经)

我正在努力做到这一点:

var want = $("tr").find("[data-my_other_id='" + my_other_id + "']").index();

找到索引后，我想将我的输出字符串追加到这一行...

$(want).insertAfter(...?);

另外...我注意到每当我做的时候

alert( want = $("tr").find("[data-my_other_id='" + my_other_id + "']").length)

我得到 0 ...

请帮忙，如果我的问题不够清楚，请告诉我，以便我更好地解释。

Answer 1

我假设您想要更新内容而不是附加内容，但它并没有真正改变任何内容。我不认为你想那样使用 find() 。尝试类似的东西:

var $row = $('tr[data-my_other_id="' + id + '"]');
// should be the index of the tr in the <table>
// this may not be a good idea though - what if you add a header row later?
var index = row.index() + 1; // if you want 1-based indices
$row.find("td").text("I am row #" + index);