別のものが存在しない場合、JQueryで要素を選択するうまい方法がありますか？

Question

私は以下の要件があると仮定します：要素がある場合は"x"の要素にe要素を追加し、そうでない場合はeを本文に追加します。 DOMレベル0で

、私は書くことができる：ID xとは要素が、最初の論理和が存在しないため、場合

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

：jQueryので

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

を、以下では、ない作業を行います空のjqueryオブジェクトを返す。真実で、偽ではないので、appendは何もしない。私は、しかし、書くことができます。

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

が、jQueryオブジェクトのインデックスを作成することはHTMLElementsに戻って私を取得しているため、この解決策はやや不格好なので、私はappendChildの代わりappend使用しなければなりません。これが機能している間、私はこのレベルの混合が適切であるか、または悪い設計の指標かどうか疑問に思っています。

使用方法があるかもしれませんfirst()？おそらく、最初の要素がid xのdivで、2番目がbodyだったという本質的な配列だったjQueryオブジェクトを作成することができました。私は要素配列を取るjQueryのコンストラクタフォームでこれを行うことができることを知っていますが、次にレベルの混合に戻ります。私はid x（$("#x").length）の要素の存在を調べる方法も知っていますが、これがどのようにして "id xが存在する場合は要素"、それ以外の場合は "body"という要素をエレガントにする方法がわかりません。

このような製剤は存在しますか？

Answer 1

代わりの要素を選択するために、jQueryのを使用して、あなたがラップするためにそれを使用することができます。

また

は、ここだけ（それは読みやすさのトレードオフだが）一度各クエリを発射三部形式ですネイティブDOMコール：

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

それはまさにエレガント（または実際にも、jQueryを使用して）、また普遍的に適用できる技術はないのですが、あなたは、あなたがに追加することができるものになってしまう（とちょうど比較的安価なjQueryの呼び出しを被るだろう一度）。

あなたはfirst()使用することはできません - それは、選択した要素を返した順序がDOMの順序に基づいているため、あなたはまた、ないセレクタ順（おかげで、@muistooshort）

Answer 2

正直なところ、私は本当にこれは非常に冗長であるとは思わない：

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

、その意図も非常に明確です。このイディオムがたくさん出てくると、関数にラップすることさえできます。

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