jquery 点击循环？

Question

我正在尝试在 php 循环上放置一个点击函数。

但它在所有链接上执行部分或全部功能..

我认为如果使用“this”它会解决它，但它不起作用..

这是 jquery:

if ($('#like').hasClass('notlike')); {
    $('.likeon').click(function () {
        $('#like span.message', this).text('Yes I Like It');
    });
};

这是 html:

<li id="like" class="notlike">
    <span>
        (3) Likes <br>
        <span class="message">
            <a href="javascript:;" class="likeon">Do You Like it?</a>
        </span>
    </span>
</li>

我正在使用 php 循环，因此链接出现了 5 次。我做错了什么？

Answer 1

我认为您有一些问题。

元素 ID 在 dom 内必须是唯一的。如果你循环遍历该 html 片段，那么你最终会得到多个 id 为 like 的 li 标签。您需要删除 id 并使用类

例如

<li id="like" class="notlike">
<span>(3) Likes <br>
   <span class="message">
   <a href="javascript:;" class="likeon">Do You Like it?</a>
   </span>
</span>
</li>

这将允许您编写如下脚本

$('li.someClass a.likeon').click ( function(){
   $(this).parent().text('Yes I Like It');
});

此外，您尝试的上下文选择器永远不会起作用，因为当您传入“this”上下文时，它会查找下面与选择器匹配的元素。您没有任何 id 为 like 的 anchor 子元素。

如果您在页面的生命周期内更改脚本中的这些类，那么我建议改用 .live。这意味着即使对于当前没有 Likeon 类别的 anchor ，该事件也会触发。如果您稍后更改 anchor 以使其具有该类，它仍然会运行

$('li.someClass a.likeon').live('click' , function(){
   $(this).parent().text('Yes I Like It');
});