jquery - 启用禁用 anchor ，Jquery

Question

这是 html:

<ul>
    <li><a href="http://xyz.com"><img src="./xyz.png"/></a></li>
    <li><a href="http://xyz.com"><img src="./xyz.png"/></a></li>
    <li><a href="http://xyz.com"><img src="./xyz.png"/></a></li>
    <li><a href="http://xyz.com"><img src="./xyz.png"/></a></li>

</ul>

如果我单击第二个李，它应该转到该链接，但如果我单击任何其他李，则不会。我有这段代码，我想知道一种启用默认操作的方法。

 $(li[k]).click(function(){//increase the height});
 $(li[k]).find('a').click(function(e) {
    e.preventDefault();
    });

Answer 1

我建议如下:

 $(li[k]).click(function(){//increase the height});
 $(li[k]).find('a').click(function(e) {
        if ($(this).parent().index() != 1){
            e.preventDefault();
        }
    });

其工作方式是，如果单击的 li 元素的 index()(基于其在其同级元素中的位置)不等于 1(JavaScript 数组从零开始，1 是数组中的第二个元素)，e.preventDefault() 触发；否则(如果 index() 等于 1)则允许默认操作。