Question

我有这个结构

<dd class="treediv">
<ul>

    <li>

      <span class="title">title <a class="serieslink" href="link">HIV/AIDS     project overview;  early program documents; AIDS Prevention Program files</a></span>
    </li>
  </ul>
</dd>

如何为点击功能选择锚点在jquery

Answer 1

您只需要使用适当的CSS选择器来获取它：

$( ".serieslink" ).on( "click", function() {
     console.log( $( this ).text() );
});

这取决于该课程＆＃34; serieslink＆＃34;具体到足以得到你想要的东西，或者你可以通过给它一个id来更具体：

<a class="serieslink" href="link" id="myuniqueId">

然后通过ID查询到达它：

$("#myuniqueId")

在此处了解选择器的最佳使用方法： JQuery Selectors Page

Answer 2

将click事件附加到锚点时，请务必首先使用默认情况下传递给success函数的事件arg来阻止浏览器对该元素的默认操作。

正如@brariden所建议的那样，尝试在元素上使用ID以提高查询清晰度和灵活标记。

如果你绝对不能使用id并且dd内的所有锚点都会共享click事件，这里有一个你可以使用的解决方案：

$('dd.treediv > ul > li > span > a').on('click', function(e){
    e.preventDefault();
    //custom event handler logic
}

如何为单击函数选择深层嵌套锚点

2 个答案: