我们可以将jQuery one（）用于具有多个元素的属性类吗

Question

What I am trying to do is, I have different DIV element having different ID 's and same class

What I know is:

 $(id).one() 

and

 $(class).one() 

it work as given in the doc here : Attach a handler to an event for the elements. The handler is executed at most once per element per event type.

What I want:

 $(class).one()

The handler is executed at most once per ID ie once per DIV element per event type. and not only once for a class?

Solution I know:

$(id1).one()

$(id2).one()

$(id3).one() ...

write it as many time as ID's I have which I don't want

is it possible?

Thanks in advance!

Answer 1

If I understand you correctly, that you want the click to trigger once per class, the one function with selector parameter should do the trick:

$(document).one("click", ".div-group", function(){
    alert(this.id);
});

Demo here

Answer 2

not sure what are you asking for . but most once per element per event type class selector should work

 <div class="click">click1</div>
<div class="click">click2</div>

 $('.click').one("click",function(){
       alert('clicked');
 })

fiddle here

Answer 3

Im guessing you want to add a one() to all element of that class, but each of those items may only be clicked once:

<div class="click">click1</div>
<div class="click">click2</div>

$('.click').one("click",function(){
    $(this).off('click'); // torn off click event
    alert( 'This element will not alert this message again' );
})