Найти и спрятать div (jQuery)

Question

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

Если rel = "abc", найти элемент с идентификатором, соответствующим значению href, и скрыть его.

Моя попытка:

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

Спасибо за вашу помощь!

Answer 1

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

Answer 2

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

Answer 3

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

Скрывает соответствующий элемент, если щелкнуть такую ​​ссылку.

редактировать: проверено

Answer 4

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

или если вы хотите, чтобы это произошло при нажатии

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

Answer 5

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

Тоже неплохо бы проверить ошибки.

Answer 6

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

Я думаю, что это может решить вашу проблему. Я этого не проверял.