javascript - jQuery 使用 .find() 方法获取具有不同类的 <table> 的内部 <tr>

Question

我正在尝试使用 jQuery 返回在我的数据表中检查的所有行。如果 span class="checked"(第一行和第三行)且未选中 span class=""(第二行)，则检查一行。是否有使用 jQuery .find() 方法返回所有行的快捷方式。与遍历所有行并比较 span 类属性相反？

我知道我可以使用 find() 来获取所有行。但是有没有办法在 jQuery find 方法中定义内部元素？

<table id="myTable">
<tr>
    <td>
        <div class="checker">
            <span class="checked">
                <input type="checkbox" value="1" class="checkboxes">
            </span>
        </div>
    </td>
    <td> blah
    </td>
</tr>
<tr>
    <td>
        <div class="checker">
            <span class="">
                <input type="checkbox" value="1" class="checkboxes">
            </span>
        </div>
    </td>
    <td> blah
    </td>
</tr>
<tr>
    <td>
        <div class="checker">
            <span class="checked">
                <input type="checkbox" value="1" class="checkboxes">
            </span>
        </div>
    </td>
    <td> blah
    </td>
</tr>
</table>

Answer 1

您可以使用 :has 选择器或 has 方法:

$('#myTable').find('tr:has(span.checked)');

或者:

$('#myTable tr').has('span.checked');