jquery怎么实现点击子标签里面的链接改变父标签样式
jquery如何实现当点击.link 里面的a链接给.content 添加一个新class .new，点击过后class.new消失
点击a的时候:添加class .new
<div class="content new">
<div class="link">
<a href="#">链接</a>
</div>
</div>
点击a过后:去掉class .news
<div class="content">
<div class="link">
<a href="#">链接</a>
</div></div>
示ä¾å¦ä¸ï¼
<div id="parent">ç¶æ ç¾
<div id="children">
åæ ç¾
</div>
</div>$('#children').click(function(){
$(this).parent().css('color','red');
});
ä¸é¢ä»£ç ä¼å¨ç¹å»åæ ç¾åå°ç¶æ ç¾çæåå为红è²ï¼ç±äºcolorç继æ¿æ§ï¼åæ ç¾çé¢è²ä¹ä¼æ¹åï¼
解éï¼
clickå¯ä»¥ä¸ºå ç´ ç»å®clickäºä»¶ï¼ç¹å»æ¶ä¼è°ç¨æ¤å½æ°
parentæ¹æ³å¯ä»¥è·åå½åå ç´ çç¶çº§å ç´
cssæ¹æ³å¯ä»¥è®¾ç½®æå®å ç´ çæ ·å¼ï¼è®¾ç½®çæ ·å¼ä¼æ·»å çå ç´ çstyleå±æ§ä¸
$(this).parents(".content").removeClass("new");
});追问
自己测试后没有效果
$(this).parents(".content").addClass("new");
});
$("a").mouseup(function(){
$(this).parents(".content").removeClass("new");
});追问
不好意思，自己的错误，你写的是对的
追答写JQuery的时候最好用FF调试，比较方便。可以定位到有问题的JS代码
for(var i=0; i<$contents.length; i++){
var $content = $contents.eq(i);
var $a = $content.find("a");
$a.mousedown(function(){
$content.addClass("new");
}).mouseup(function(){
$content.removeClass("new");
});
}追问
自己测试后没有效果
追答我测试了，是有效果的，鼠标点击不放增加class，鼠标抬起class消失。
还有一种可能就是你表达的不正确，
你的意思是不是鼠标滑过和鼠标滑出时的效果啊？
多谢，例子是正确的，我刚才是样式没加对，对不起对不起
本回答被提问者和网友采纳