Javascript jquery not函数未按预期工作
我使用了下面的代码来切换div的类Javascript jquery not函数未按预期工作,javascript,jquery,html,Javascript,Jquery,Html,我使用了下面的代码来切换div的类 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <html> <head> </head> <body> <div class="members-section " id="as-member"><img src="im
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<head>
</head>
<body>
<div class="members-section " id="as-member"><img
src="img/test1.jpg" alt="">
<span>Join as a new member</span>
</div>
<div class="members-section " id="as-student"><img
src="img/test2.jpg" alt="">
<span>Join as a student</span>
</div>
<div class="members-section "><img src="img/test3,jpg" alt="">
<span>Upgrade my membership</span>
</div>
<div class="members-section test-member">
<h5>Teest...</h5>
<ul class="member-options">
<li><span>Discounts</span></li>
<li><span>Institute access</span></li>
<li><span>Library access</span></li>
<li><span>Market events</span></li>
</ul>
</div>
<script>
$(document).ready(function($) {
$('#as-member').click(function(e){
$('.members-section').not($(this)).toggleClass('unselected');
});
});
</script>
</body>
</html>
以新成员身份加入
以学生身份加入
升级我的会员资格
小。。。
- 折扣
- 学院访问
- 图书馆访问
- 市场活动
$(文档).ready(函数($){
$(“#作为成员”)。单击(函数(e){
$('.members节')。而不是($(this))。toggleClass('unselected');
});
});
上面的代码将未选中的类切换到除当前单击的元素之外的所有其他div
因此,我希望div也不应切换包含类“test member”
请问能否做到这一点?任何人都可以查看并更新您的想法,谢谢。请使用其他方法。另外,您不需要将此包装以与方法一起使用,因为它接受DOM元素对象作为参数
$(document).ready(function($) {
$('#as-member').click(function(e){
$('.members-section').not(this).not('.test-member').toggleClass('unselected');
// here -----------------------^^^^^^^^^^^^^^^^^^^------
});
});
或者可以将伪类选择器与主选择器一起添加
$(document).ready(function($) {
$('#as-member').click(function(e){
$('.members-section:not(.test-member)').not(this).toggleClass('unselected');
// here -----------^^^^^^^^^^^^^^^^^^^^-----------------
});
});
@贾法平贾:两者都会起作用。。。。第一次我忘了在类选择器前加一个点。。。现在更新。。。