jQuery 遍历 - parent() 方法
定义和用法
parent() 获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。
.parent(selector)
| 参数 | 描述 |
|---|---|
| selector | 字符串值，包含用于匹配元素的选择器表达式。 |
详细说明
如果给定一个表示 DOM 元素集合的 jQuery 对象，.parent() 方法允许我们在 DOM 树中搜索这些元素的父元素，并用匹配元素构造一个新的 jQuery 对象。.parents(); .parent() विधि के समान है, लेकिन उसका अंतर है कि उसने डॉम ट्री में एक ही स्तर की ऊपर की तलाश की है。
यह विधि वैकल्पिक चयनकर्ता एक्सप्रेशन स्वीकार करती है, जो $() फ़ंक्शन के लिए पाठ तरह के पैरामीटर के समान है। अगर इस चयनकर्ता का इस्तेमाल किया जाता है, तो एलिमेंट को चयनकर्ता से मेल खाने की जाँच करके एलिमेंट को फ़िल्टर किया जाएगा。
यहाँ एक बुनियादी निहित सूची वाले पृष्ठ को सोचिए:
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
अगर हम प्रोजेक्ट A से शुरू करते हैं, तो हम उसके पैरेंट एलिमेंट को खोज सकते हैं:
$('li.item-a');.parent();.css('background-color', 'red');
इस बुलाये का परिणाम है कि level-2 सूची के लिए लाल पृष्ठभूमि सेट किया गया है। हम चयनकर्ता एक्सप्रेशन नहीं लगाये हैं, इसलिए पैरेंट एलिमेंट स्वाभाविक रूप से ऑब्जेक्ट के एक हिस्से बन गया है। अगर चयनकर्ता लगाया है, तो एलिमेंट को चयनकर्ता से मेल खाने की जाँच करने के बाद शामिल किया जाएगा。
