查找并隐藏div（jQuery）

Question

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

如果rel =“abc”，找到ID与href值匹配的元素并隐藏它。

我尝试：

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

感谢您的帮助！

Answer 1

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

Answer 2

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

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

Answer 3

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

如果单击此链接，则隐藏适当的元素。

编辑：测试

Answer 4

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

Answer 5

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

一些错误检查将是一件好事。

Answer 6

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

，或者如果你想，要在点击

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