Question

我希望能够简化呈现此操作所需的jQuery编码。我希望有一组4个链接，其中一个链接是基于它所在的适当页面隐藏的。因此，如果我在第1页，我会隐藏链接1，但仍然可以看到链接2,3和4。

感谢您的帮助。

HTML

<div class="links" id="div1">A</div>
<div class="links" id="div2">B</div>
<div class="links" id="div3">C</div>
<div class="links" id="div4">D</div>

<div class="linkcontroller" divId="div1"></div>

CSS

.links {
  height: 50px;
  width: 50px;
  float: left;
}
.linkcontroller {
  height: 100px;
  width: 100px;
}

的jQuery

if($('.linkcontroller').length){
  var divId= $(this).attr("divId");
$("#" + divId).hide();
}

Answer 1

撰写$('.linkcontroller')代替$(this)

尝试：

if($('.linkcontroller').length> 0){
    var divId= $('.linkcontroller').attr("divId");  
    $("#" + divId).hide();
}

Updated fiddle here.

Answer 2

if($('.linkcontroller').length) $("#" + $(".linkcontroller").attr("divId")).hide();

简化为1行！

Answer 3

$('#'+$('.linkcontroller').attr('divId')).hide()

写在一行中的

可能会让一些人质疑它是否“简化”。

不需要起始if - 如果linkcontroller不存在，你只会隐藏任何内容。

jQuery - 简化代码

3 个答案: