jquery: function in "onclick"

Question

$('.more').click(function test(id) { 
      $('#MoreFriendInfo'+id).toggle(); 
    }); 

Я сделал это, function test (id), теперь как мне сделать ссылку прямо в html/php, чтобы захватить идентификатор? Я попытался это, но он не работает:

<a class='more' href="javascript:void(0);" onclick='test(<?php echo $showInfo["bID"]; ?>)'>mer</a> 

В поджигатель я получаю «тест разве определен»

Answer 1

Во всех из них, мы удалимonclickиз разметки:

Вы можете использовать атрибут данных, например:

<a class='more' href='#' data-id='<?php echo $showInfo["bID"]; ?>'>mer</a> 

Затем возьмите его в .click() обработчик, например:

$('.more').click(function() { 
    $('#MoreFriendInfo'+$(this).attr('data-id')).toggle(); 
}); 

В качестве альтернативы, если он находится в другом контейнере забыть идентификаторы и find it relatively, например, если разметка была такой:

<div class="container"> 
    <a class='more' href="#">mer</a> 
    <div class="moreFriendInfo">Content</div> 
</div> 

Вы могли бы сделать это нравится:

$('.more').click(function() { 
    $(this).closest('.container').find('.moreFriendInfo').toggle(); 
}); 

(в этом случае вы можете использовать .siblings(), но это означало бы более общий ар proach)

Answer 2

Способ, которым вы определяете его, test(id) - внутренняя функция, которая находится только в пределах .click().

Обратите внимание, что при использовании .click() вы эффективно определяете onclick. Вам также не нужно добавлять его в разметку.

Вместо того, чтобы передавать идентификатор, я бы разработал разметку таким образом, чтобы элементы были размещены таким образом, чтобы я мог использовать контекст селектора, чтобы передать начальную точку для селектора.

$('.more').click(function() { $('.moreFriendInfo',this).toggle(); });

Answer 3

ответ Ник почти совершенна, но я хотел бы использовать «отн» вместо «данных-идентификатор», если данные-идентификатор не является допустимым атрибутом HTML.