当我点击 img 时，Jquery 的行为就像链接(触发链接)

Question

我有一个问题，我有一些李，里面有一个链接和一个图像。我想要的是当有人点击图像时它会触发链接。我不能将图像放在链接中，不要问为什么:)...所以基本上它看起来像这样

<li><a href="somelink">sometext</a><img src=""/></li>
<li><a href="somelink">sometext</a><img src=""/></li>
...

我正在考虑做这样的事情:

$(img).click(function(){
  var link = $(this).prev;
  $(link).trigger('click');
})

我知道这不正确，但我想您已经明白了，感谢您的帮助。

Answer 1

不要使用 jQuery，而只需移动结尾 </a>标签位于<img>右侧标签:

<li><a href="somelink">sometext<img src=""/></a></li>
<li><a href="somelink">sometext<img src=""/></a></li>

如果您不想更改 HTML，请使用:

$('img').click(function(){
    location.href = $(this).prev().attr("href");
});

---

代码审查

• $(img) -img没有定义。您的意思是:$('img') ？ (使用选择器 img 添加引号)
• var link = $(this).prev; -prev不是一个属性，而是一个方法。必须调用它:var link = $(this).prev()
• $(link).trigger('click') 。自 link已经是一个 jQuery 对象，没有必要将该对象包装在另一个 jQuery 对象中。使用:link.trigger('click');
• 逻辑有缺陷:.trigger('click')不会导致页面被跟踪，因为它不会触发默认浏览器行为(跟踪链接)，而是调用 click元素的事件。哪个没有定义。