如果链接本身使用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/

这个答案是假设你将拥有多套，这些链接/图像对。如果这个假设不正确，请忽略我;）