查找並隱藏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(); 
});