[英]How to change the class of an element by clicking on another element with jQuery
How i can change the class
of an HTML element (X:element) when i click on <a>
, and when i click on other elements (div,body,li), the class of this element (X:element) change This is the example: 当我点击
<a>
,如何更改HTML元素的class
(X:元素),当我点击其他元素(div,body,li)时,这个元素的类(X:元素)会改变这个就是这样的例子:
<a class='A'></a>
<div class='click'></div>
When i click on a
addClass
( B ) 当我点击
a
addClass
(B)
When i click on other elements removeClass
:( B ) 当我点击其他元素
removeClass
:( B)
Try with following code: 尝试使用以下代码:
$(document).ready(function(){ var aTag = $("aA"); var divTarget = $("div.click"); $(document).click(function(e){ var target = $(e.target); if(target.is(aTag)){ if(divTarget.hasClass("B")) divTarget.removeClass("B"); else divTarget.addClass("B"); } else if(!target.is(divTarget)) { $(divTarget).removeClass("B"); } }); })
.B{ color: blue}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <a class='A'>Link A</a> <div class='click'>Click Div</div> <div class='click1'>Click Div 1</div> <div class='click2'>Click Div 2</div>
As I understand you right, you talk about something like this: 据我所知,你说的是这样的:
$(document).on('click',function(){
$('.A').removeClass('B');
});
$('.A').on('click',function(e){
$('.A').addClass('B');
e.stopImmediatePropagation();
return false;
});
Assuming I understand your question, I add class B to .click if you click on A, clicking anywhere else, I remove it 假设我理解你的问题,我将B类添加到.click,如果你点击A,点击其他地方,我将其删除
$(function() { $(document).on("click", function(event) { var $tgt = $(event.target); $(".click").toggleClass("B", $tgt.hasClass('A')) }); });
.B { color:red }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a class='A'>Click here</a> <div class='click'>Text</div>
If I understand you correctly, this should work... 如果我理解正确,这应该有效......
$('.a').on('click', function(){
$(this).addClass('B');
});
$('.click').on('click', function(){
$('.a').removeClass('B');
});
Clicking on the 'a' tag will add the class B to the 'div' with the class click . 单击“a”标记会将类B添加到“div”并单击类。
When anything but the 'div' with the class click is clicked the class B is removed. 当点击任何东西,但与类点击 “格” B类被删除。
$(document).ready(function() {
$(".A").on("click", function() {
$(".click").addClass("B");
return false; // prevents the page from being reloaded
});
$(document).on("click", function() {
if(!$(this).hasClass('click')) {
$(".click").removeClass("B");
}
return false;
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.