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

Question

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

0

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

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

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

См. Пример.

<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);
});

user2965875 20 дек. 2013, в 16:55

Источник

4

"For example using the $(this).find or next function." ... черт возьми, ты не пробуй их и посмотри, что происходит !!!
musefan 20 дек. 2013, в 15:13
0

Спасибо за помощь ребята. Я пытаюсь изменить HTML, но теперь он не работает. Вы можете помочь jsfiddle.net/X8AYd/18
user2965875 20 дек. 2013, в 15:46
0

Почему вы ожидаете, что он будет работать, когда вы измените HTML таким образом? Ты вообще понимаешь, что next делать, почему это работает в предоставленных ответах?
musefan 20 дек. 2013, в 15:48

Показать ещё 1 комментарий

Теги:

javascript

jquery

4 ответа

1

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

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

Рабочий скрипт

patel.milanb 20 дек. 2013, в 14:27

1

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

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

Пример скрипки

Dhaval Marthak 20 дек. 2013, в 13:00

1

Попробуй это:

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

Рабочий скрипт

Milind Anantwar 20 дек. 2013, в 12:24

Ещё вопросы

"For example using the $(this).find or next function." ... черт возьми, ты не пробуй их и посмотри, что происходит !!!
Спасибо за помощь ребята. Я пытаюсь изменить HTML, но теперь он не работает. Вы можете помочь jsfiddle.net/X8AYd/18
Почему вы ожидаете, что он будет работать, когда вы измените HTML таким образом? Ты вообще понимаешь, что next делать, почему это работает в предоставленных ответах?

Krishna · Accepted Answer · 2013-12-20T14-10-00.000Z

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

JSFIDDLE DEMO

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

Привет, спасибо за вашу помощь. Я пытаюсь изменить HTML, но теперь он не работает. Вы можете помочь jsfiddle.net/X8AYd/18
@ user2965875 вы отменили заказ. Поэтому вместо next() используйте prev() . jsfiddle.net/X8AYd/19