javascript - 访问 DOM 树中的某个字段

Question

我有这个 html 输出:

<tr>
  <td><input type="checkbox"/></td>
  <td>Value 1</td>
</tr>

我想检查复选框是否标记为已选中，然后访问第二个td以获取“Value 1”

我尝试过这样的事情:

$( "tr td input[type=checkbox]" ).each(function( index ) {
     if ($(this).is(":checked"))
        {
          alert($(this).parent().eq(1).text());
        }
});

和

var checkValues = $('input[type=checkbox]:checked').map(function() {
    return $(this).parent().text();
}).get();

对于这两个示例，我得到的输出为空。你知道这里出了什么问题吗？我希望得到一些解释。

Answer 1

.parent() 是 td，您需要获取下一个兄弟

var checkValues = $('input[type=checkbox]:checked').map(function() {
    return $(this).parent().next().text();
}).get();

或

$("tr td input[type=checkbox]:checked").each(function (index) {
    alert($(this).parent().next().text());
});