jquery - jquery选择具有attr值的tbody

Question

给定一张桌子

<table id="t1" class="dataList dataTable">
  <thead><tr><td>a</td><td>b</td><td>c</td></tr></thead>
  <tbody role="alert" aria-live="polite" aria-relevant="all">
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
  </tbody>
</tfoot>

如何选择<tr>with <tbody>role="alert" 的？

原因是我想对这些选择做点什么。使用 jquery.datatables 插件，这些 tr 取决于“dataTables_length”的选择。换句话说，如果安装了插件，只会选择那些可见的行。

TIA。

Answer 1

尝试

$('tbody[role="alert"] tr')

Answer 2

$('#t1 > tbody[role="alert"] tr')

它选择角色='alert' 的 tbody 元素，它们是#t1 的直接后代。

或者，您可以使用：

$('tbody[role="alert"] tr', '#t1');

在#t1 的上下文中查找所有具有role='alert' 的tbody 元素。

Answer 3

试试这个

$('table#t1>tbody[role="alert"] tr').css('background-color','#ddd');