DOM取得ノードの兄弟,親ノード,子ノード

1982 ワード

JS , JQUERY , JQUERY 。 JS JQUERY , FF ,FF DOM
JS ID test 。 : var a = docuemnt.getElementById("test").getElementsByTagName("div"); a.length=2; var b =document.getElementById("test").childNodes; b.length IE , 2, FF 4, FF 。 , , , , 。 function del_ff(elem){ var elem_child = elem.childNodes; for(var i=0; i
function dom() {
var s= document.getElementById("test");
del_ff(s); //スペースのクリーンアップ
var chils= s.childNodes; //sのすべてのサブノードを得る
var par=s.parentNode; //sの親ノードを取得
var ns=s.nextSbiling; //sの次の兄弟ノードを取得
var ps=s.previousSbiling; //sの前の兄弟ノードを得る
var fc=s.firstChild; //sの最初のサブノードを取得
var lc=s.lastChile; //sの最後のサブノードを取得
}
JQUERYの親、子、兄弟ノードの検索方法を紹介します
jQuery.parent(expr)は父親ノードを探し、exprに転送してフィルタリングすることができる、例えば$(「span」)である.parent()または$(「span」).parent(".class")
jQuery.parents(expr)は、jQueryに似ています.parents(expr)ですが、親要素に限らず、すべての祖先要素を検索します.
jQuery.children(expr).すべてのサブノードを返します.このメソッドは直接の子供ノードのみを返し、すべての子孫ノードを返しません.
jQuery.contents()は、ノードとテキストを含む次のすべての内容を返します.この方法とchildren()の違いは,空白テキストも含めて1つの
jQueryオブジェクトが返され、children()はノードのみが返されます
jQuery.prev()は、前の兄弟ノードを返します.すべての兄弟ノードではありません.
jQuery.prevAll()は、すべての前の兄弟ノードを返します.
jQuery.next()は、次の兄弟ノードを返します.すべての兄弟ノードではありません.
jQuery.nextall()は、その後のすべての兄弟ノードを返します.
jQuery.Siblings()は、兄弟姉妹ノードに戻り、前後を問わず
jQuery.find(expr)、jQuery.filter(expr)は全然違います.jQuery.filter()は、初期のjQueryオブジェクトの集合から一部をフィルタし、jQuery.find()
の戻り結果は、$("p")、find("span")などの初期セットの内容はなく、要素から探し始め、$("p span")に等しい.