Как получить текущий селектор в jQuery?

Question

Если у меня есть следующий код,

$(".selector1, .selector2, .selector3").click(function() { 
    switch(CURRENT SELECTOR) { 

    } 
}); 

я нужен текущий селектор внутри для переключателя заявление, например, «selector1», «selector2». Опция селектора в jQuery устарела, поэтому ее нельзя использовать. Я также использую jquery 1.4.2, поэтому, пожалуйста, постарайтесь сохранить это под этим.

Answer 1

Используйте attr функцию, чтобы получить значение класса из щелкнули элемента:

$(".selector1, .selector2, .selector3").click(function() { 
    var elem_class = $(this).attr("class"); 
    switch(elem_class) { 

    } 
}); 

Если элементы имеют более чем один класс, который вы можете сделать:

$(".selector1, .selector2, .selector3").click(function() { 
    var arr = ["selector1", "selector2", "selector3"]; 
    var arr2 = $(this).attr("class").split(" "); 
    var choosen_one = false; 
    for(var i=0; i<arr.length; i++) { 
     for(var j=0; j<arr.length; j++) { 
      if(arr[i] === arr2[j]) { 
      choosen_one = arr2[j]; 
      break; 
      } 
     } 
     if(choosen_one) { 
      break; 
     } 
    } 

    switch(choosen_one) { 

    } 
}); 

Working demo

Ссылка:

http://api.jquery.com/attr/

Answer 2

Вот четыре способа обработки вашего вопроса:

1) класс, если у вас есть только один на один элемент:

$(".selector1, .selector2, .selector3").click(function() { 
    switch($(this).attr("class")) { 

    } 
}); 

2) уникальные идентификаторыне хорошие , если вы хотите использовать его несколько раз

$("#selector1, #selector2, #selector3").click(function() { 
    switch($(this).attr("id")) { 

    } 
}); 

3) уникальный селектор

$("[data-selector=selector1], [data-selector=selector2], [data-selector=selector3]").click(function() { 
    switch($(this).data("selector")) { 

    } 
}); 

4) несколько обработчиков событий:

$(".selector1").click(function() { 
    myFunction($(this)); 
}); 

$(".selector2").click(function() { 
    myFunction($(this)); 
}); 

$(".selector3").click(function() { 
    myFunction($(this)); 
}); 

function myFunction(myThis) { 
    // 
} 

Answer 3

Если вы используете JQuery 1.4.2, почему вы не можете использовать .selector имущество? Он не устарел до 1,7.