यह किसी और के लिए उपयोगी हो सकता है: इस नमूने का उपयोग करना html
<div class="ParentDiv">
<label for="label">labelName</label>
<input type="button" value="elementToSelect">
</div>
<div class="DontSelect">
<label for="animal">pig</label>
<input type="button" value="elementToSelect">
</div>
यदि उदाहरण के लिए, मैं एक लेबल के रूप में एक ही खंड (जैसे div) में एक तत्व का चयन करना चाहता हूं, तो आप इसका उपयोग कर सकते हैं
//label[contains(., 'labelName')]/parent::*//input[@value='elementToSelect']
यह सिर्फ मतलब है, एक लेबल के लिए देखो (यह कुछ भी पसंद कर सकता है ) a
, h2
कहा जाता है labelName
। उस लेबल के माता-पिता पर नेविगेट करें (यानी div class="ParentDiv"
)। उस माता-पिता के वंशजों के भीतर किसी भी बाल तत्व को खोजने के लिए खोजें elementToSelect
। इसके साथ, यह माता-पिता के रूप में तलाक के elementToSelect
साथ दूसरे का चयन नहीं करेगा DontSelect
।
चाल यह है कि आप पहले माता-पिता के लिए नेविगेट करके एक तत्व के लिए खोज क्षेत्रों को कम कर सकते हैं और फिर उस तत्व के लिए उस मूल के वंशज की खोज कर सकते हैं जिसकी आपको आवश्यकता है। अन्य सिंटेक्स जैसे following-sibling::h2
कुछ मामलों में भी इस्तेमाल किया जा सकता है। इसका मतलब सिबलिंग निम्नलिखित तत्व है h2
। यह उसी स्तर पर तत्वों के लिए काम करेगा, जिसमें समान अभिभावक हों।