Проверить имя класса элемента

Question

Это должно быть быстрым!

мне нужно различать два элемента по щелчку по имени класса .. например

HTML:

<p class='p1'>paragraph element</p> 
<p class='p2'>paragraph element</p> 

JQuery:

$('p').on('click', function() { 
    if ($(this).attr('class', 'p1') { 
     callThisFunction(); 
    } else { 
     doNothing(); 
    } 
}); 

Answer 1

if ($(this).is(".p1")) { 

или

if ($(this).hasClass("p1")) { 

$(this).attr("class", "p1") Фактически устанавливает атрибут класса. Проверка на $(this).attr("class") не годится ни потому, что может иметь несколько классов.

Answer 2

if($(this).attr('class') === 'p1'){} - это то, что вы хотите использовать. $(this).attr('class', 'p1') устанавливает для текущего элемента класс p1.

Answer 3

$(this).hasClass('p1') быстрее.

Answer 4

Используйте .hasClass(), чтобы проверить класс.

$('p').on('click', function() { 
    if ($(this).hasClass('p1')) { 
     callThisFunction(); 
    } else { 
     doNothing(); 
    } 
}); 

работает демо: http://jsfiddle.net/nSMDA/

Answer 5

$('p').on('click', function() { 
    if ($(this).hasClass('p1')) { 
     console.log("do something"); 
    } else { 
     console.log("do nothing"); 
    } 
}); 

Пример: http://jsfiddle.net/DNKUX/

Answer 6

Если вам необходимо дифференцировать поведение как this-, где только некоторые элементы принять меры - то, что вы действительно должны делать это только привязки к тем, которые соответствуют, а не каждому элементу <p>.

$('p.p1').on('click', callThisFunction); 

Вот новая вилка jsfiddle Гома: http://jsfiddle.net/4b8Pf/2/