我有这组代码,将链接到 hta 页面的各个部分:
<ul>
<li><strong>Windows 10</strong> comes with a new design and features.</li><br><br>
<li><strong><a href="#" class="startLinks" id="Edge">Microsoft-Edge</a></strong> has been introduced as Microsoft's next generation web browser.</li><br><br>
<li><strong><a href="#" class="startLinks" id="Skype">Microsoft Skype for Business</a></strong> is the Lync that you know . </li><br><br>
<li><strong><a href="#" class="startLinks" id="FindPrinter">Printer list</a></strong> ........... </li><br><br>
<li><strong><a href="#" class="startLinks" id="Email">Email Signature</a></strong> ........... </li>
</ul>
我希望 Microsoft Edge、Microsoft Skype for Business、打印机列表和电子邮件签名成为链接,并且根据单击的链接,JavaScript 将在此处使用 slider.gotoslide(x)
:
$('div.Welcome a').click(function(){
var itemClicked = 'div.Welcome a';
if (itemClicked.index() === 0){ //Microsoft Edge
slider.goToSlide(6); //slide 6
}
else if (itemClicked.index() === 1) { //Microsoft Skype for Business
slider.goToSlide(10); //slide 10
}
else if (itemClicked.index() === 2) { //Find and Add Printers
slider.goToSlide(15); //slide 15
}
else if (itemClicked.index() === 3) { // Email Signature
slider.goToSlide(11); //slide 11
}
return false;
});
如您所见,我需要 div.welcome a
来告诉我单击了哪个链接,然后使用 if 语句来告诉我要转到哪张幻灯片。然而索引说的是
Object doesn't support property or method "index"
最佳答案
使用 $(this)
。
通过上面的表达式,您可以使用 jQuery 转换/包装调用的元素 (this
)(在本例中单击 anchor 标记)。所以这个表达式的结果将是一个 jQuery 对象。
$(function(){
$('div.Welcome a').click(function(e){
e.preventDefault(); //prevent default link click behaviour
var itemClicked = $(this);
var id = itemClicked.attr("id"); //get the Id of the clicked a tag
alert(id);
//use id for your further code now
});
});
Here是一个有效的 jsBin 示例。
关于javascript - 如何使用javascript从html中提取信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35185575/