如果鏈接本身使用jQuery，隱藏鏈接圖片？

Question

有一個鏈接，它旁邊是一個鏈接圖像嵌入。 像「行駛方向+車的形象「」 如果有一個環節沒有‘行駛方向’的文字，隱藏嵌入式照顧圖像圖標.. 你怎麼做，在jQuery的？ 請人嗎？

<span class="website"> 
<a href="http://www.google.com">Visit My Website</a> 
</span> 
<img class="websiteimage" src="/Style Library/Images/design/icons/icon-www.png" alt="WebSite" /> 

所以基本上檢查，如果一個標籤有任何文本在它，如果它的空皮img標籤嵌入PIC

Answer 1

不知道這是否正常工作，但這裏是我想嘗試：

$('img').each(function() { 
    if ($(this).prev('span.website').find('a').text() == '') { 
    $(this).hide(); 
    } 
}); 

Answer 2

如果我是ÿ ou，我會把整個東西包裝在一個div或跨度中，以便給它一些連接。

<div class="websiteblock"> 
    <span class="website"> 
     <a href="http://www.google.com">Visit My Website</a> 
    </span> 
    <img class="websiteimage" src="/Style Library/Images/design/icons/icon-www.png" alt="WebSite" /> 
</div> 

然後，你可以這樣做：

$("div.websiteblock").each(
    function(index, element) 
    { 
     if ($(element).find("span.website a").text() == "") 
      $(element).find("img.websiteimage").hide(); 
     else 
      $(element).find("img.websiteimage").show(); 
    } 
); 

這是在行動：http://jsfiddle.net/tomtheman5/vJYhK/

這個答案是假設你將擁有多套，這些鏈接/圖像對。如果這個假設不正確，請忽略我;）