JQuery Seçiciden DOM Öğesi Nasıl Alınır

Bir jquery seçiciden gerçek DOMElement almak için bulmak imkansız zor zaman yaşıyorum. Basit kod:

<input type="checkbox" id="bob" />
  var checkbox = $("#bob").click(function() { //some code  } )

ve başka bir kod parçası onay kutusunun işaretli değerini belirlemeye çalışıyorum.

  if ( checkbox.eq(0).SomeMethodToGetARealDomElement().checked )
    //do something.

Ve lütfen, yapmak istemiyorum:

  if ( checkbox.eq(0).is(":checked"))
    //do something

Bu beni onay kutusunun etrafında tutuyor, ama diğer zamanlarda gerçek DOMElement'e ihtiyacım vardı.

Ham DOM öğesine aşağıdakilerle erişebilirsiniz:

$("table").get(0);

veya daha basit:

$("table")[0];

Aslında bunun için çok fazla ihtiyacınız yok ancak (tecrübelerime göre). Onay kutusu örneğinizi alın:

$(":checkbox").click(function() {
  if ($(this).is(":checked")) {
    // do stuff
  }
});

"jquery'ish" ve (imho) daha özlüdür. Ya onları numaralandırmak isteseydiniz?

$(":checkbox").each(function(i, elem) {
  $(elem).data("index", i);
});
$(":checkbox").click(function() {
  if ($(this).is(":checked") && $(this).data("index") == 0) {
    // do stuff
  }
});

Bu özelliklerden bazıları, tarayıcılardaki farklılıkların da maskelenmesine yardımcı olur. Bazı özellikler farklı olabilir. Klasik örnek AJAX çağrılarıdır. Ham düzgün bunu yapmak için Javascript için yaklaşık 7 yedek durumda vardır XmlHttpRequest.

Düzenleme: Öğe alamadım varsayarak yanlış gibi görünüyor. Diğerlerinin burada yayınladığı gibi, aşağıdakileri alabilirsiniz:

$('#element').get(0);

Bu aslında eşleşen DOM öğesi döndürür doğruladı.

Bir dize olarak eleman almak gerekiyordu.

jQuery("#bob").get(0).outerHTML;

Hangi gibi bir şey verecektir:

<input type="text" id="bob" value="hello world" />

... DOM öğesi yerine dize olarak.

DOM öğesiyle doğrudan etkileşime girmeniz gerekiyorsa, neden yalnızca kullanmıyorsunuz, document.getElementByIdçünkü belirli bir öğeyle etkileşime girmeye çalışıyorsanız, sınıf adının yalnızca bir öğede veya başka bir seçeneğin var olduğunu varsayarak muhtemelen kimliği bileceksiniz. riskli ol.

Ancak, diğerleriyle hemfikirim, çoğu durumda jQuery'nin size verdiği şeyi kullanarak ihtiyacınız olan şeyi yapmayı öğrenmelisiniz, çünkü çok esnektir.

GÜNCELLEME: Bir yoruma göre: İşte güzel bir açıklama içeren bir yayın: http://www.mail-archive.com/jquery-en@googlegroups.com/msg04461.html

$(this).attr("checked") ? $(this).val() : 0

Bu, işaretlenirse değeri veya işaretlenmezse 0 değerini döndürür.

$(this).val() işaretli olsun veya olmasın, yalnızca dom'a ulaşıyor ve öğenin "değer" özelliğini alıyor.