Jak przekazać obiekt jquery do funkcji?

Question

Próbuję napisać rodzajowy kod

var rodd = $('#checkBox'); 

Chcę przekazać Rodd do funkcji i sprawdzić, czy jest zaznaczone

Callme(rodd); 

$(rodd).click(function() { 
Callme(this); 
}); 

function Callme(rodd){ 
if(this.checked){ 
// do some behavior 
} 
} 

Answer 1

Jeśli rodd jest obiektem jQuery:

function Callme(rodd) { 
    if (rodd.is(":checked")) { 
    // ... 
    } 
} 

lub:

function Callme(rodd) { 
    if (rodd[0].checked) { 
    // ... 
    } 
} 

Answer 2

Patrząc na kod, twój mijania w obiekcie jQuery, rodd, do funkcji, aby powrócić obiektu jQuery $(rodd).click...

To może być łatwiejsze do zrobienia

$('#checkBox').click(Callme); 

function Callme(rodd){ 

    if(this.checked){ 
    // do some behavior 
    } 

} 

lub

$('#checkBox').click(Callme); 

function Callme(rodd){ 

    if($(this).is(':checked')){ 
    // do some behavior 
    } 

} 

to również eliminuje funkcję obsługi zdarzeń anonimowych, która wykonuje tylko Callme() przekazując w celu zdarzenia. tutaj.

EDIT:

Obecnie Callme(rodd) powyżej oczekuje HTMLElement object być przekazywane w Jeśli chcesz być w stanie przejść w obiekcie jQuery, wystarczy zmienić do tego

$('#checkBox').click(function(event) { 

Callme($(event.target)); 

}); 

function Callme(rodd){ 

    if(rodd.is(':checked')){ 
    alert('checked'); 
    } 

} 

chociaż osobiście. , Chciałbym zachować go jako element, który ma być przekazany i wykonać owijanie w funkcji Callme. możesz rozważyć dodanie prefiksu parametru rodd za pomocą $, aby było oczywiste, że oczekiwany jest obiekt jQuery.

Answer 3

To powinno działać:

//Assuming rodd is a jquery element 
Callme(rodd); 

rodd.click(function() { 
    Callme($(this)); 
}); 

function Callme(rodd){ 
    if(this.is(":checked"){ 
    // do some behavior 
    } 
} 

pamiętać, że słuchacz zdarzenie ma ten wskazując na elemencie DOM, a nie elementu jQuery. Dlatego musisz przekonwertować to na element jquery, używając wyrażenia $ (this).