jQuery nextAll后某个元素

时间:2015-01-15 06:34:09

标签: javascript jquery html5

我有一个HTML表格如下,并希望在parent_tr之后获得所有display-order="-1"

 <table>
     <thead>...</thead>
     <tbody>
       <tr class='parent_tr'><td></td>....<td></td></tr> //no of `td`s in each row
       <tr><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr class='parent_tr'><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr class='parent_tr' display-order="-1"><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr class='parent_tr'><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr class='parent_tr'><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
        .
        .
     </tbody>
   </table>

这是我的JavaScript(jQuery),我正在尝试:

   $(".parent_tr[display-order!='-1']").nextAll(".parent_tr");  
  //Console output - [<tr class=​"parent_tr">​…​</tr>, <tr class=​"parent_tr">​…​</tr>, <tr class=​"parent_tr" display-order=​"-1">​…​</tr>​, <tr class=​"parent_tr">​…​</tr>​, <tr class=​"parent_tr">​…​</tr>,..]

2 个答案:

答案 0 :(得分:2)

你的选择器不正确。您需要使用 attribute equal selector

$(".parent_tr[display-order='-1']").nextAll(".parent_tr"); 

<强> Working Demo

答案 1 :(得分:2)

您的状况检查错误,您必须使用=代替!=

$(".parent_tr[display-order='-1']").nextAll(".parent_tr");

<强> Demo