删除li上的类属性点击

我在html中有以下代码。我只想在我们点击其他li并将活动类添加到点击它的li时删除活动类。删除li上的类属性点击

<ul class="pagination" id="paginationUL"> 
    <li class="active"><a href="#">1</a></li> 
    <li onclick="javascript:selectThis()"><a href="#">2</a></li>

我试图删除类第一，它不工作。请建议。

function selectThis() { 
    $('ul[class="pagination"] li[class="active"]').removeClass("active")); 
}

编辑脚本，它工作。

来源

2016-11-30 Narayana Vakkalagadda

你可以写一行绑定到该菜单中的所有元素li。 $(this)选择器针对单击的元素起作用，而使用.siblings()则作用于所有其他子元素li。

$('#paginationUL > li').click(function(){ 
 
    $(this).addClass('active').siblings().removeClass('active') 
 
})

.active { background: orange; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="pagination" id="paginationUL"> 
 
    <li class="active"><a href="#">1</a></li> 
 
    <li><a href="#">2</a></li> 
 
    <li><a href="#">3</a></li> 
 
</ul>

来源

2016-11-30 20:59:56 jmcgriz

谢谢@jmcgriz。 –

欢迎，快乐编码。 – jmcgriz

我不确定我可以在这里问另一个与此有关的问题。如何在删除或添加类之前获取当前活动li的值。我试过这种方式。 $（this）.siblings（）。find（'[class =“active”]'）。first（）.val（）and $（this）.siblings（）。find（'[class =“active”]' ）.val（）和$（this）.siblings（）。find（“active”）.val（），全部说undefined。 –

您的选择不正确。使用#paginationUL[class="pagination"] li[class="active"]或ul.pagination li.active或#paginationUL li.active

来源

2016-11-30 20:53:04 randominstanceOfLivingThing

为什么'#paginationUL [类= “分页”]的Li [类= “活性”]'代替'#paginationUL li.active' – j08691

何必指定一类'＃ paginationUL'？根据定义，应该只有其中之一。 – BenM

您的选择器不正确。您需要使用的ID（#）或类（.）选择：

$('#paginationUL li.active').removeClass("active");

不过，你最好不要使用侵入式的事件处理程序，并且相当做沿着以下线的东西：

$('#paginationUL > li').on('click', function() { 
    $(this).addClass('active').siblings('.active').removeClass('active'); 
});

后一个例子会将一类active应用于clicked元素，并将其从<ul>中的任何其他元素中移除。

来源

2016-11-30 20:53:23 BenM

谢谢你BenM。这也工作。 –

您可以使用类似这样

$("#paginationUL li").click(function() { 
    $(this).toggleClass("active"); 
    $(this).siblings().removeClass("active"); 
});

来源

2016-11-30 20:54:36 Ajaykumar

如果你正在使用jQuery这应该这样做：

$('#paginationUL li').click(function(){ 
    $('#paginationUL li').removeClass("active"); 
    $(this).addClass('active'); 
});

来源

2016-11-30 20:57:31 brunouno

删除li上的类属性点击

回答

相关问题