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

发布于 2024-12-18 23:46:11 字数 377 浏览 0 评论 0原文

有一个链接，旁边嵌入了一个链接图像。如‘行驶方向+汽车图像’” 如果链接没有“行车方向”文本，则隐藏嵌入的护理图像图标。你如何在 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 标签嵌入图片

原文

there is a link and right next to it is a link image embedded.
Like 'driving direction + car image"'
if there is no 'driving direction' text for link, hide the care image icon embedded..
How do you do that in jquery??
please someone?

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

so basically check if a tag has any text in it and if its empty hide the img tag embedded pic

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

尤怨 2024-12-25 23:46:11

不知道这是否有效，但我会尝试以下方法：

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

No idea if this works, but here's what I would try:

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

回复收藏 0 原文

疑心病 2024-12-25 23:46:11

如果我是你，我会将整个内容包装在 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/

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

If I were you, I'd wrap the entire thing in a div or span to give it some sort of connection.

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

Then you can do this:

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

Here it is in action: http://jsfiddle.net/tomtheman5/vJYhK/

This answer is assuming that you're going to have multiple sets of these link/image pairs. If that assumption is incorrect, just ignore me ;)

回复收藏 0 原文

~没有更多了~