Как выбрать несколько элементов с помощью jQuery

Я новичок в JQuery/Javascript и т.д.... на основе следующей статьи: Как сделать тэг привязки ни к чему?

Я хотел бы применить java-функцию к нескольким идентификаторам. Можем ли мы не выполнять функцию для классов, а не для идентификаторов?

<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span>
<span class="style1" id="myid">Link</span>
<span class="style1" id="myid">Link</span>
<span class="style1" id="myid">Link</span>

$('myid').click(function() { 
    /* put your code here */ 
});

Как и выше, как мне выполнить вышеприведенную функцию для ВСЕХ ссылок? Это возможно? Спасибо заранее.

Ответ 1

Используйте следующие

$('.style1').click(function() {      
    /* put your code here */  
});

Это добавляет обработчик кликов ко всем элементам класса, содержащего style1. У вас не должно быть повторяющихся идентификаторов

Ответ 2

вы должны указать идентификаторы однозначно,

<span class="style1" id="myid1">Link</span> 
<span class="style1" id="myid2">Link</span>
<span class="style1" id="myid3">Link</span>
<span class="style1" id="myid4">Link</span>
<span class="style1" id="myid5">Link</span>

то используйте этот код

$('#myid1,#myid2,#myid3,#myid4,#myid5').click(function() { 
    /* put your code here */ 
});

Ответ 3

Во-первых, идентификаторы должны быть уникальными. У вас не должно быть нескольких элементов с одинаковым идентификатором.

Для выбора по ID в jQuery используйте символ #. $('#myid'). Это получит первый элемент с этим идентификатором, так как должен быть только один (вы можете любоваться обманом, выполнив $('[id="myid"]'), чтобы получить несколько элементов с одинаковым идентификатором).

Я предлагаю использовать класс для выбора всех ваших ссылок. Классы выбираются с использованием символа ..

$('.style1').click(function(){});