Question

有一个链接，它旁边是一个嵌入的链接图像。喜欢＆＃39;驾驶方向+汽车形象＆＃34;＆＃39; 如果没有“驾驶方向”＆＃39;链接文字，隐藏嵌入的护理图像图标.. 你是如何在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

如果我是你，我会将整个事物包裹在一个div或span中以给它一些联系。

<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/

这个答案假设您将拥有多组这些链接/图像对。如果这个假设不正确，那就别理我了;）

如果链接本身使用jquery隐藏链接图像？

2 个答案: