Есть ли общий способ указать элементы в jquery

Question

Есть ли общий способ указания элементов в jQuery. Например, используя $(this).find или следующую функцию.

Я пытаюсь создать кнопку, которая при копировании будет только активировать по одному.

В момент дублирования кнопки копируется.

См. Пример.

http://jsfiddle.net/X8AYd/12/

<a href="#" class="vote-btn">button</a> 
<p class="vote-number">+ 70,101</p> <a href="#" class="vote-btn">button</a> 
<p class="vote-number">+ 70,101</p> <a href="#" class="vote-btn">button</a> 
<p class="vote-number">+ 70,101</p> 


$(".vote-number").hide(); 
$(".vote-btn").click(function() { 
    $(".vote-number").finish().show().fadeOut(5000); 
}); 

Answer 1

$(".vote-number").finish() будут направлены все элементы с классом vote-number. Вместо этого вы хотите настроить таргетинг только на элемент рядом с кнопкой. Итак, используйте $(this).next(".vote-number") специально для таргетинга.

JSFIDDLE DEMO

$(".vote-btn").click(function(){ 
    $(this).next(".vote-number").finish().show().fadeOut(5000); 
}); 

Answer 2

Вы можете сделать с .next(), как с помощью .vote-btn будут нацелены только на первый occurrance одного и того же, так что лучше использовать $(this).next(".vote-number'), нацеленную на следующий <p> с классом vote-number

$(".vote-btn").click(function(){ 
    $(this).next(".vote-number").finish().show().fadeOut(5000); 
}); 

Fiddle Example

Answer 3

Попробуйте:

$(".vote-btn").click(function(){ 
    $(this).next('.vote-number').finish().show().fadeOut(5000); 
}); 

Working Fiddle

Answer 4

$(".vote-number").hide(); 

$(document).on("click", ".vote-btn", function (e) { 
    $(this).prev(".vote-number").show().fadeOut(5000); 
}); 

Working Fiddle