javascript - 使用 Javascript onClick 事件转到子元素的 href

Question

由于一些奇怪的情况，我一直坚持使用 javascript 到 Jquery 来通过单击父 li 元素来获取工作链接。基本上，单击 li 上的任意位置都会将用户带到其直接子级 a 的链接。我所拥有的一些似乎不起作用。代码:

<ul>
<li onclick="location.href='$(this).children('a:first').attr('href')';">
    <a href="http://example.com/">link</a>
    </li>
    </ul> 

谢谢!

Answer 1

您可以通过不使用 onclick 进行移动，而是使用选择器来定位该节点并在那里有一个单击事件来简化代码。

$(".myUl li").on("click", function() {
    location.href = $(this).children("a").attr("href");
});

但是你确实应该使用 css 来解决这个问题。您可以使用display: block;关于<a>同样，填充内容，添加额外的填充，基本上表现得像一个 div，但保留链接功能。