JQuery sucht nach untergeordneten Elementen find() und durchläuft die Sammlung jeder Methode zum Teilen

Dieser Artikel bietet Ihnen hauptsächlich eine Zusammenfassung der JQuery-Methode zum Suchen von Unterelementen find() und zum Durchlaufen der jeweiligen Sammlung. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Lassen Sie uns dem Editor folgen und einen Blick darauf werfen. Ich hoffe, dass jeder die Verwendung von find () und das Durchlaufen der Sammlung besser beherrschen kann.

1.HTML-Code

<p name="students" school="HK"> 
 <input type="boy" name="ZhangSan" value="206"> 
 <input type="girl" name="Lisi" value="108"> 
 </p>

2.jquery

<script type="text/javascript"> 
 /* find() 查找子元素方法 */ 
 var aaa = $("p[name='students'][school='HK']").find("input[type='boy'][name='ZhangSan']"); 
 console.log(aaa.val()); 
  
 /* $(".child",parent); 方法查找子元素*/ 
 var bbb = $($("input[type='boy'][name='ZhangSan']"),$("p[name='students'][school='HK']")); 
 console.log(aaa.val()); 
 
 /* each()方法遍历数组 */ 
 var arr = [ "one", "two", "three", "four" ]; 
 $.each(arr, function() { 
  console.log(this); 
 }); 
  
 /* each()方法处理json */ 
 var obj = { 
  one : 1, 
  two : 2, 
  three : 3, 
  four : 4 
 }; 
 $.each(obj, function(key, val) { 
  console.log(obj[key]); 
 }); 
  
 /* each()方法处理二维数组 */ 
 var arr1 = [ [ 11, 44, 33 ], [ 4, 6, 6 ], [ 7, 20, 9 ] ] 
 $.each(arr1, function(i, item) { 
  console.log(item[0]); 
 }); 
 
 /* each()方法处理HTML元素 */ 
 $("p[name='students'][school='HK'] > input").each(function() { 
  console.log($(this).val()); 
 }); 
 </script>

Verwandte Empfehlungen:

jQuery find ( ) und filter()-Operationsverwendungsbeispiele

Verwendungsbeispiele der find()-Methode in jQuery

focusin() und focus() in jQuery Und der Unterschied zwischen find() und children()

Das obige ist der detaillierte Inhalt vonJQuery sucht nach untergeordneten Elementen find() und durchläuft die Sammlung jeder Methode zum Teilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!