href警报返回未定义而不是href值

Question

我试图在我的href内部显示警报，但是它返回未定义的.contentUpdate类属于父div，并且我知道这是可行的，因为单击时会出现“新HTML”。但是，在该事件之前的警报中，它返回的链接未定义，而不是href。

我已经尝试了各种解决方案，例如使用on（）方法而不是click，但是它们也不起作用。我知道它必须是简单的东西，只是无法弄清楚它并烦扰我。非常感谢！

HTML

<li data-filtertext="" class="contentUpdate"><a href="#1-1" >Part 1</a></li>
<li data-filtertext="" class="contentUpdate"><a href="#1-2" >Part 2</a></li>

脚本（JQUERY）

$(".contentUpdate").click(function() {
        /* Act on the event */
        //alert("asdfsas")
        alert($(this).attr("href");
        $("#mainContent").html("new HTML");

});

Answer 1

问题：：$(this)是<li>元素，没有属性href。 href属于<a>标签。

解决方案：

$(".contentUpdate").click(function() { alert($(this).children().attr('href')); $("#mainContent").html("new HTML"); });