Question

如何在他们的某个td中选择所有不具备example.png的tr？每个图像都有一个锚点，所以我想我可以选择... 我从来没有和jquery一起工作过，而且很混乱^^

$(document).ready(function(){
    $("td > a").parent().parent().css("background-color","lime");
});

这是我的一个，但只有第一个锚/图像（已经太长了）：

<tr bgcolor='$color'>
    <td><a href='request.php?id=$requestid'>#$requestid [show request]</a></td>
    <td>$generation&nbsp;&nbsp;</td>
    <td>$custname&nbsp;&nbsp;</td>
    <td>$platform&nbsp;&nbsp;</td>
    <td>$phase&nbsp;&nbsp;</td>
    <td>$tmc&nbsp;&nbsp;</td>
    <td>$pcstroke&nbsp;&nbsp;</td>
    <td>$scstroke&nbsp;&nbsp;</td>
    <td>
        <a href='myurl.php?selection=" . $flowid."' title='new'>
            <img align='center' src='images/new.png'
                 alt='' style='width:20px; height:20px;' />
        </a>&nbsp;&nbsp;
    </td>
    $status
    <td><b>$prelease</b></td>
</tr>;

提前致谢。

Answer 1

您可以使用not和has

var allTrs = $("tbody tr"),
    nonExample = allTrs.not(':has(img[src*="example.jpg"])');
nonExample.css("background-color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr><td>foo</td><td><img src="foo.jpg" alt="foo"/></td></tr>
    <tr><td>example</td><td><img src="example.jpg" alt="example"/></td></tr>
    <tr><td>bar</td><td><img src="bar.jpg" alt="bar"/></td></tr>
    <tr><td>example</td><td><img src="example.jpg" alt="example"/></td></tr>
  </tbody>
</table>

Answer 2

选择表格的现有img，然后选择parent 3次，因为它们应位于主播tr>td>a>img内：

$(document).ready(function(){
    $images = $('table tr>td>a>img'); // Choose the right table selector
    $rows = $images.closest('tr');
    console.log($rows);
});

当td中的所有图像都不是example.png

2 个答案: