StackExchange ड्रॉपडाउन को राइट-क्लिक करें और निरीक्षण तत्व पर क्लिक करें ।
आप डेवलपर टूल में निम्नलिखित देखेंगे:
<div id="header">
<div id="portalLink">
<a class="genu" onclick="StackExchange.ready(function(){genuwine.click();});return false;">Stack Exchange</a>
</div>
...
</div>
<a>
टैग हाइलाइट किया गया है; यह वह तत्व है, जहां हम क्लिक को अनुकरण करना चाहते हैं।
तत्व का वर्ग जेनु है । हम बस चयनकर्ता का उपयोग कर सकते हैं .genu
, लेकिन यह ठीक से काम नहीं करेगा यदि एक ही वर्ग के कई तत्व थे। चयनकर्ता का उपयोग करते हुए <div>
आईडी पोर्टललिंक (आईडी अद्वितीय हैं) के एक बच्चे के नोड के रूप में इसे एक्सेस करने के लिए एक अधिक विश्वसनीय दृष्टिकोण होगा #portalLink a.genu
। फिर, हम .click()
विधि का उपयोग करते हैं ।
निम्नलिखित में से किसी भी पंक्ति में प्रवेश करना (2) काम करेगा:
// click first <a> element with class `genu'
// inside the element with ID `portalLink'
$('#portalLink a.genu')[0].click();
// click first <a> element with class `genu'
// inside the element with ID `header'
$('#header a.genu')[0].click();
// click first element with class `genu' of the entire page
$('.genu')[0].click();
// click first <a> element of the entire page (unreliable)
$('a')[0].click();
// directly perform the onclick event (easy, but not always available)
StackExchange.ready(function(){genuwine.click();});
में StackExchange लटकती, राइट-क्लिक करें इनबॉक्स और क्लिक निरीक्षण तत्व ।
आप डेवलपर टूल में निम्नलिखित देखेंगे:
<a id="seTabInbox" class="seCurrent">Inbox</a>
इस तत्व की अपनी आईडी है: seTabInbox ।
निम्नलिखित में से किसी भी पंक्ति में प्रवेश करना (2) काम करेगा:
// click first (only) element with ID `seTabInbox'
$('#seTabInbox')[0].click();
// click sixth <a> element of the entire page (unreliable)
$('a')[5].click();