首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如果href等于

如果href等于
EN

Stack Overflow用户
提问于 2016-10-26 08:33:58
回答 7查看 2.4K关注 0票数 3

最近,我编写了一个jquery代码,如果它的href等于另一个元素,那么应该隐藏它,但是我无法使它工作.

小提琴

HTML

代码语言:javascript
运行
复制
<div class="a">
    <a href="1">
        <img scr="a">
    </a>
</div>

<div class="thumb">
    <a href="1">
        <img scr="a">
    </a>
</div>

<div class="thumb b">
    <a href="2">
        <img scr="b">
    </a>
</div>

CSS

代码语言:javascript
运行
复制
.a{width:400px;height:100px;background-color:black;}
.thumb{width:400px;height:100px;background-color:green;}
.b{background-color:yellow;}

JQUERY

代码语言:javascript
运行
复制
var mainhref = $(".a a").attr('href');

if($("a", this).attr('href') == mainhref ) {
    $(".a").hide();
}
else {
    $(".a").show
}
EN

回答 7

Stack Overflow用户

回答已采纳

发布于 2016-10-26 08:49:31

使用普通javascript :D

代码语言:javascript
运行
复制
let ar = document.getElementsByTagName('a'),
    holdarray = [];

Array.from(ar, elem => {
  if(holdarray.includes(elem.getAttribute('href')))
    elem.parentNode.style.display = 'none'
  else
    holdarray.push(elem.getAttribute('href'))
})
代码语言:javascript
运行
复制
.a { width:400px;height:100px;background-color:black; }
.thumb { width:400px;height:100px;background-color:green; }
.b { background-color:yellow; }
代码语言:javascript
运行
复制
<div class="a" >
  <a href="1"></a>
</div>

<div class="thumb">
  <a href="1"></a>
</div>

<div class="thumb b">
  <a href="2"></a>
</div>

票数 4
EN

Stack Overflow用户

发布于 2016-10-26 08:42:13

只需按该href (以及不包含基div类‘a’的父类)选择并隐藏它。

代码语言:javascript
运行
复制
$('a[href="'+mainhref+'"]').parent(":not(.a)").hide();

代码语言:javascript
运行
复制
var mainhref = $(".a a").attr('href');
var parentDiv = $('a[href="'+mainhref+'"]').parent(":not(.a)").hide();
代码语言:javascript
运行
复制
.a{width:400px;height:100px;background-color:black;}
.thumb{width:400px;height:100px;background-color:green;}
.b{background-color:yellow;}
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="a" >
<a href="1">
<img scr="a">
</a>
</div>

<div class="thumb">
<a href="1">
<img scr="a">
</a>
</div>

<div class="thumb b">
<a href="2">
<img scr="b">
</a>
</div>

票数 2
EN

Stack Overflow用户

发布于 2016-10-26 08:50:44

您可以尝试这样做,只检查是否有拇指类,然后它将隐藏包含相同href的特定div。

代码语言:javascript
运行
复制
var mainhref = $(".a a").attr('href');

$('.thumb a').each(function(){
  if($(this).attr('href') == mainhref)
  {
     $(this).parents('.thumb').hide();
  }
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40257396

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档