跟随div内的超链接

Question

我有几个像这样的div：

<div class="MenuList"><a class="SiteLink" href="page.aspx">My Link</a></div>

问题是如果用户点击div而不是文本，则链接不会触发。这就是我到目前为止所做的：

    $('#TopMenuBar .MenuList').click(function () {
        //alert($(this).next('SiteLink').html());
    });

我想要做的是从锚点中提取链接并转到页面。

感谢您的建议。

Answer 1

嗯，如果所需的行为是扩展锚点的“可点击”表面，也许在.Sitelink-class上使用css是一个好主意（填充，边距等）。这样你就不必在这种情况下使用Javascript / jQuery。

Answer 2

  $(document).bind("ready", function() {
      $('#TopMenuBar .MenuList a.SiteLink').click(function () {
          // do what you want to do here
      });
  });

Answer 3

$('#TopMenuBar .MenuList').click(function () {
        $(this).children('a').click();
});