查找和隐藏 div (jQuery)答案

【问题标题】：Find and hide div (jQuery)查找和隐藏 div (jQuery)
【发布时间】：2009-12-22 23:53:28
【问题描述】：

<a rel="abc" href="#mydiv">link</a>
<div id="mydiv">content</div>

如果 rel="abc"，则查找 ID 与 href 值匹配的元素并将其隐藏。

我的尝试：

$('[rel*=abc]').attr("href").hide();

感谢您的帮助！

【问题讨论】：

【解决方案1】：

$( $("a[rel='abc']").attr("href") ).hide();

【讨论】：

【解决方案2】：

$("a[rel='abc']").click(function(event){
  event.preventDefault();
  var val = $(this).attr("href");
  $("div"+val).hide();
});

【讨论】：

【解决方案3】：

$('a[rel=abc]').click( function(event){
    event.preventDefault();
    $(event.target.href.substr(event.href.indexOf('#'))).hide();
});

如果单击此类链接，则隐藏相应的元素。

编辑：测试

【讨论】：

【解决方案4】：

$('a[rel=abc]').each(function() { $(this.href.substr(this.href.indexOf('#'))).hide(); });

一些错误检查也很好。

【讨论】：

【解决方案5】：

$("a[rel=abc]").each(function(i, ele) {
    $(ele.hash).hide();
});

或者如果您希望在点击时发生这种情况

$("a[rel=abc]").click(function(e) {
    e.preventDefault();
    $(this.hash).hide();
});

【讨论】：

【解决方案6】：

var identifier = $('a[rel="abc"]').attr('href');
$('#'+identifier').hide();

我认为这可能会解决您的问题。不过我没有测试它。

【讨论】：