2016-11-16 58 views
0

如何選擇那些TR的所有不必須在其TD的之一example.png?每一個形象,一個錨,所以我想我可以通過選擇... 我從來沒有使用jQuery工作前,其相當混亂^^我TR的的JQuery的選擇TR在TD中的所有圖像都沒有example.png

$(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>; 

在此先感謝。

+1

您向我們展示了服務器端代碼在這些TD中沒有圖像'example.png'? – adeneo

+0

反正'$(「TD:有(IMG [來源* =‘example.png’])」)' – adeneo

+0

有一個形象,你必須滾動它只是叫new.png在那裏吧... 無論如何,謝謝!我相信現在你選擇那些有example.png的td吧?有沒有辦法否定? – bloodscript

回答

1

您可以使用nothas

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>

0

選擇表的現有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); 
}); 
+0

'最接近( 「TR」)'是比'父清爽多了()。父()。父()' – epascarello

+0

好,謝謝。我會改變這一點。 –

+0

如果它需要'example.png',使用@ epascarello的回答(用'png',而不是'jpg')。 –