javascript - 单击链接时添加类不起作用

Question

它删除了类，但没有添加类，我不能使用.click()它需要的功能onclick=""

<li class="selected"><a href="javascript:void(0);" onclick="myfunction(x,y,x)">Click me</a></li>
<li><a href="javascript:void(0);" onclick="myfunction(x,y,z)">Click me</a></li>

function myfunction(a,b,c){
    $('ul li.selected').removeClass('selected').addClass('none');
    $(this).closest('li').addClass('selected');
}

Answer 1

您已经在使用 jQuery，所以只需使用 jQuery 来处理您的所有事件。

添加此代码；

$(function(){

    // bind click event to your <a> tags
    $('a').click(function(e){
        // prevent the default behaviour of your links
        e.preventDefault();
        // remove the class from all li's
        $('li').removeClass('selected');
        // add selected to the clicked a's parent li
        $(this).parent('li').addClass('selected');
    });

});

然后让你的 html 不受 JavaScript 影响

<li class="selected">
    <a href="#">Click me</a>
</li>
<li>
    <a href="#">Click me</a>
</li>

ps

如果你想把 PHP 放进去，那么你可以把东西放进去；

// check out my 1337 php coding skillz!
<a href="#" data-foobar="<?php echo something ?>">Click Me</a>

然后在你的 jQuery 中使用

$(this).data('foobar');

pps 对不起，我的 php 编码技术很垃圾！