Başka bir tane yoksa JQuery'de bir öğeyi seçmenin zarif bir yolu var mı?

Question

Aşağıdaki gereksinime sahip olduğumu varsayalım: e öğesinin elemanına "x" kimliğine sahip eleman eklenmesi halinde, aksi takdirde e gövdeye ekleyin.

DOM 0 seviyesine yılında

, yazabilirim: jQuery yılında

var parent = document.getElementById("x") || document.body; 
parent.appendChild(e); 

, şunları yapar değil eser:

var parent = $("#x") || $("body"); 
parent.append(e); 

çünkü eğer id x var olan hiçbir unsur, disjunct ilk boş jquery nesnesini döndürür, doğrulukla değil, falsy ile append hiçbir şey yapmaz. Ben Ancak yazabilirsiniz:

var parent = $("#x")[0] || $("body")[0]; 
parent.appendChild(e); 

ama jQuery nesnesi indeksleme HTMLElements beni geri alır çünkü bu çözüm biraz aksak, yani appendChild yerine append kullanmalıdır. Bu çalışırken, bu seviyelerin karıştırılmasının uygun olup olmadığını veya kötü tasarımın göstergesi olup olmadığını merak ediyorum.

first()'u kullanmanın bir yolu olabilir mi? Belki de ilk elemanı id x ile div ve ikincisi de gövdesi olan bir dizi olan bir jQuery nesnesi oluşturabilirim. Bunu bir eleman dizisi alan jQuery yapıcı form ile yapabilirim, ama sonra seviyelere bir karıştırma için geri döndüm. Ayrıca x ($("#x").length) kimliğine sahip bir elemanın varlığını nasıl kontrol edeceğimi de biliyorum, ancak bunun, "eğer var ise, kimlik x ile elemanın" ifadesini ifade etmenin zarif bir yoluna nasıl yol açacağını göremiyorum.

Böyle bir formülasyon var mı?

var parent = $('#x'); 
if(parent.length == 0) parent = $('body'); 

Ve niyet da oldukça net:

Answer 1

yerine elemanı seçmek için jQuery kullanarak, sen sarmak için kullanabilir:

Ayrıca

, burada sadece (bir okunabilirliğe ticaret-off olsa) bir zamanlar her sorgu tetikleyen bir üçlü form yerli DOM çağırır:

$(document.getElementById("foo") || document.body) 

tam zarif (veya gerçekten hatta jQuery kullanarak), ne de evrensel olarak uygulanabilir bir teknik değil, ama sen eklenecek bir şey ile bitirmek (ve sadece nispeten ucuz jQuery çağırmayı tabi olacak bir kez).

Kullanılacak mümkün olmayacaktır first() - örneğin $("#foo, body").first(); - bu unsurları seçilmiş döndürür sırası DOM siparişi temel nedeni, sipariş Seçiciye değil (teşekkürler, @muistooshort) Ayrıca olabilir

Answer 2

Gerçekten, hiç bu derece ayrıntılı olduğunu sanmıyorum. Bu deyim çok fazla gelirse, onu bir işleve bile sığdırabilirsin.

var parent = (x = $('#header')).length ? x : $('body');