javascript - jQuery nextAll 在某个元素之后

Question

我有一个如下所示的 HTML 表格，并希望在 display-order="-1"

之后获取所有 parent_tr

 <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>,..]

Answer 1

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

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

Working Demo