Получите идентификатор элемента, который щелкнул и прошел как параметр?

Question

Как с помощью jQuery получить идентификатор элемента, на который нажимается, а затем передать его как параметр в функцию? Пример кода jQuery ниже.

jQuery(document).ready(function() { 
    var id = this_id; 
    jQuery(".lightbox a").click({param: id}, functionName); 
}); 

Могу ли я заметить, что параметр «param» является неотъемлемой частью структуры функции.

Извините, я не являюсь мастером Javascript любыми способами.

Answer 1

Я предполагаю, дело в том, чтобы передать данные о событии в функцию, которая ожидает, что, как, click() поддерживает синтаксис .click([eventData ], handler(eventObject)), и если да, то вы должны перебирать коллекцию себе:

jQuery(document).ready(function($) { 
    $(".lightbox a").each(function() { 
     $(this).click({param: this.id}, functionName); 
    }); 
}); 

EDIT:

Вы могли бы сделать это с on(), а также:

jQuery(document).ready(function($) { 
    $(".lightbox a").each(function() { 
     $(this).on('click', {param: this.id}, functionName); 
    }); 
}); 

FIDDLE

Answer 2

Вы можете использовать this.id внутри событий нажмите, например:

jQuery(".lightbox a").click(function() { 
    var id = this.id; 

    //pass to a function 
    testFunction(id); 
}); 

function testFunction(param) { 
    console.log(param); 
} 

Answer 3

Вы можете использовать this.id или $(this).attr("id");, но вы можете получить ссылку на $(this) - обернутый или нет - немедленно и работать с переменной если вы многое сделаете там.

Answer 4

Это легко только доступ к this элементу, чтобы получить щелкнул элемент, а затем извлечь его идентификатор и сохранить его в переменной, как это:

jQuery(".lightbox a").click(function(){ 
    var id = jQuery(this).attr("id"); 
    callFunction(id); 
}); 

Answer 5

В обработчик щелчка, вы можете получить доступ к элементу ID с this.id или $(this).attr('id'):

jQuery(document).ready(function() { 
    jQuery(".lightbox a").click(function(){ 
     functionName(this.id); 
    }); 
}); 

Answer 6

вы можете использовать $(this).att("id").

$(".lightbox a").click(function() { 
    var ID=$(this).att("id"); 

    //pass to a function 
    TestFunction(ID); 
}); 

function TestFunction(P) { 
    console.log(P); 
} 

Живой пример

http://jsbin.com/enobop/1/edit

Answer 7

http://jsfiddle.net/pArW6/

jQuery(document).ready(function() { 
    jQuery(".lightbox a").click(functionName); 
}); 

function functionName() 
{ 
    alert(this.id); 
} 

Answer 8

Вы можете сделать это:

jQuery(document).ready(function() { 
    jQuery(".lightbox a").click(function (e) { 

     // Cancel the default action (navigation) of the click. 
     e.preventDefault(); 

     // 'this' here refers to the link being clicked in the current scope 
     // you can check the console for the id for debug purpose 
     console.log(this.id); 

     // pass the id to the function 
     functionName(this.id); 
    }); 
}); 

Answer 9

Другой способ заключается в использовании события р араметр, который передается функции обратного вызова.

jQuery(".lightbox a").click(function(ev) { 
    console.log(ev.target.id); 
} 

Конечно, это смесь jQuery и чистого JS.

Answer 10

Обычно у вас есть функция для события, объявленного с функцией (событие) , и у события есть цель, а идентификатор цели - то, что вы хотите.Так

$("SomeElement").on("click", function(e){ callanotherFunction(e.target.id) }) 

делает, что вы хотели