点击li 给其中一个子元素添加样式点击同类li去掉样式, 上边是html结构下边是自己写的js 写的不会了求大神
<ulid="three_liest"><liclass="active">2元</li><li>5元</li><li>10元</li><li>20元</li><li>5...
<ul id="three_liest">
<li class="active">2元</li>
<li>5元</li>
<li>10元</li>
<li>20元</li>
<li>50元</li>
<li id="aaa">
<div class="inline">
<input type="text" maxlength="4" placeholder="0" class="p_text" />元
</div>
</li>
</ul>
<script>
$('#three_liest li').bind("click",function(){
if ($(this).children().find("input").hasClass("active"))
$(this).children().find("input").removeClass("active");
//console.log("$(this)");
else {
$(this).children().find("input").addClass("active");
}
//$(this).children().find("input").addClass("active");
//$(this).children().find("input").removeClass("active");
/* $(".p_text").addClass("active");
$(".p_text").removeClass("active");
console.log($(this))*/
/* if ($(".p_text").hasClass("active"))
$(this).removeClass("active");
//console.log($(this))
else {
$(".p_text").addClass("active");
}*/
})
$('#three_liest li').bind("click",function(){
if ($(this).children().find("input").hasClass("active"))
$(".p_text").removeClass("active");
//console.log("$(this)");
else {
$(this).children().find("input").addClass("active");
}
})
自己刚写了个,还有问题 展开
<li class="active">2元</li>
<li>5元</li>
<li>10元</li>
<li>20元</li>
<li>50元</li>
<li id="aaa">
<div class="inline">
<input type="text" maxlength="4" placeholder="0" class="p_text" />元
</div>
</li>
</ul>
<script>
$('#three_liest li').bind("click",function(){
if ($(this).children().find("input").hasClass("active"))
$(this).children().find("input").removeClass("active");
//console.log("$(this)");
else {
$(this).children().find("input").addClass("active");
}
//$(this).children().find("input").addClass("active");
//$(this).children().find("input").removeClass("active");
/* $(".p_text").addClass("active");
$(".p_text").removeClass("active");
console.log($(this))*/
/* if ($(".p_text").hasClass("active"))
$(this).removeClass("active");
//console.log($(this))
else {
$(".p_text").addClass("active");
}*/
})
$('#three_liest li').bind("click",function(){
if ($(this).children().find("input").hasClass("active"))
$(".p_text").removeClass("active");
//console.log("$(this)");
else {
$(this).children().find("input").addClass("active");
}
})
自己刚写了个,还有问题 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询