jqueryで兄弟ノード削除スタイルを実装する方法

方法: 1. 指定された要素の兄弟ノードを取得するには、siblings() や next() などの関数を使用します。構文は「指定された element.siblings()」です。 2. RemoveClass() または指定された要素を削除するには、removeAttr() を使用します。構文 "sibling node.removeClass()" で要素のスタイルを選択します。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery 兄弟ノード削除スタイルでは、次の 2 つの部分が表示されます:

• 兄弟ノードの検索

• 選択したノードのスタイルを削除します

1. 兄弟ノードを検索します

jquery は兄弟ノードを取得するためのさまざまな方法を提供します通常、ノードには 7 つのメソッドがあります:

• siblings() メソッド。これは主に、指定された要素の同じレベルのすべての兄弟要素を取得するために使用されます。

• next() メソッドは、主に、指定された要素の次の兄弟要素を取得するために使用されます。

• nextAll() メソッドは、主に、次の兄弟のすべての兄弟要素を取得するために使用されます。指定された要素の要素

• nextUntil() メソッドは主に、指定された要素の次の兄弟要素を取得するために使用されます。この兄弟要素は、指定された要素と要素セットの間の要素である必要がありますnextUntil() メソッドによる

• prev() メソッド。主に、指定された要素の上位レベルの兄弟要素を取得するために使用されます。 ) メソッド (主に、指定された要素の前のレベルを取得するために使用されます) すべての兄弟要素をレベルアップする

• prevUntil() メソッドは、主に、指定された要素の前の兄弟要素を取得するために使用されます。兄弟要素は、指定された要素と prevUntil() メソッドで設定された要素の間にある必要があります。

• 間の要素: 例: next() を使用して、選択した要素 h2 の次の兄弟ノードを取得します。

  $("h2").next()

2、選択したノードのスタイルを削除します。

removeClass() を使用して、指定された CSS クラスを削除します。

• 例 1: 次の兄弟ノードのスタイルを削除します

  
  
  	
  		
  		
  		
  		
  	
  	
  		
  div (父)
  			
  p（兄弟元素）
  			span（兄弟元素）
  			
  h2（本元素）
  			
  h3（兄弟元素）
  			
  p（兄弟元素）
  		
  		移除兄弟节点的样式
  	
  

例 2: すべての兄弟ノードのスタイルを削除します

$(document).ready(function() {
	$("button").click(function() {
		$("h2").siblings().removeClass();
	});
});

removeAttr() を使用して id、class、または style 属性を削除します

• $(document).ready(function() {
  	$("button").click(function() {
  		$("h2").siblings().removeAttr("class");
  	});
  });

[推奨される学習:

jQuery ビデオ チュートリアル 、

Web フロントエンド ビデオ

]

以上がjqueryで兄弟ノード削除スタイルを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。