点击li 给其中一个子元素添加样式点击同类li去掉样式, 上边是html结构下边是自己写的js 写的不会了求大神

Question

<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");
}
})
自己刚写了个，还有问题

Answer 1

//把你的js代码替换成这个
 $('#three_liest li').bind("click",function(){
           $(this).addClass("active").siblings().removeClass("active");
        });

追问

不可以啊，你这个同级的可以

追答

能把需求详细的说清楚嘛/。？

追问

就是 点li 下边的那个 input 文本加个 css 在点同类li 的时候去掉 样式，