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

Question

由于一些奇怪,我坚持使用javascript到Jquery通过单击父li元素获得工作链接.基本上,点击任何地方李应采取用户到的链接一个是它的一个直接子.我有些远远似乎不起作用.代码:

<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,但保持连接能力.