jQuery 获取锚点值

Question

我正在尝试获取单击的锚点的值，但我不确定正在单击哪个锚点或如何使用 jquery 锁定它。我有一个 document.ready 函数

$(document).ready(function () {
var ActiveBlogStats = $('#BlogSelectList');
$('#BlogSelectList').click(function () {
    alert(ActiveBlogStats.text)
}); })

这是它正在处理的 id

<ul class="submenu" id="BlogSelectList">
  <xsl:for-each select="oohru/user/oohblog">
    <li>
      <a>
        <xsl:attribute name="href">#<xsl:value-of select="normalize-space(blogid)"/></xsl:attribute>
        <xsl:value-of select="oohblogurl"/>
      </a>
    </li>
  </xsl:for-each>
<li><a href="AddNewBlog.aspx">+ Create a new oohblog</a></li>
</ul>

如何获取实际被单击的锚点的 href？我不知道如何制作 document.ready，即使对于文档准备好之前不存在的项目也是如此。 我想我可以从 URL 中获取 # 值，因为当他们点击一个值时，它会更新 URL，但我宁愿直接从点击中获取它。

Answer 1

如果您的内容是动态生成的，您可能需要查看 .live() （或 delegate()）（ http: //api.jquery.com/live/ | http://api.jquery.com/delegate /）

您的代码将类似于：

    $("#BlogSelectList li a").live('click', function () {
        //do something
    });

Answer 2

$("#BlogSelectList a").click(function(){

var href = $(this).attr("href");



});

Answer 3

您可以通过以下方式获取 href：

$("#BlogSelectList").delegate("a", "click", function() {

    var href = $(this).attr("href");
    alert(href);

});

如果您需要阻止它重定向，您可以这样做：

$("#BlogSelectList").delegate("a", "click", function(e) {

    e.preventDefault();

    var href = $(this).attr("href");
    alert(href);

});