在Jquery里,怎样得到其父下对应的子类?代码如下
<scripttype="text/javascript">$(function(){$(".listCont1").click(function(){if($("inp...
<script type="text/javascript">
$(function(){
$(".listCont1").click(function(){
if ($("input").attr("checked")){
??点击第一个listCont1,怎样得到对应的"input"对象??
})
})
</script>
<div class="listCont1 clear">
<div class="listContdetail1"><input type="checkbox" name="checkbox"/></div>
<div class="listContdetail1">会员ID1</div>
<div class="listContdetail3">电子邮箱1</div>
<div class="listContdetail2">18620727649</div>
<div class="listContdetail1">会员头像1</div>
<div class="listContdetail1">删除|修改</div>
</div>
<div class="listCont1 clear">
<div class="listContdetail1"><input type="checkbox" name="checkbox"/></div>
<div class="listContdetail1">会员ID1</div>
<div class="listContdetail3">电子邮箱1</div>
<div class="listContdetail2">18620727649</div>
<div class="listContdetail1">会员头像1</div>
<div class="listContdetail1">删除|修改</div>
</div> 展开
$(function(){
$(".listCont1").click(function(){
if ($("input").attr("checked")){
??点击第一个listCont1,怎样得到对应的"input"对象??
})
})
</script>
<div class="listCont1 clear">
<div class="listContdetail1"><input type="checkbox" name="checkbox"/></div>
<div class="listContdetail1">会员ID1</div>
<div class="listContdetail3">电子邮箱1</div>
<div class="listContdetail2">18620727649</div>
<div class="listContdetail1">会员头像1</div>
<div class="listContdetail1">删除|修改</div>
</div>
<div class="listCont1 clear">
<div class="listContdetail1"><input type="checkbox" name="checkbox"/></div>
<div class="listContdetail1">会员ID1</div>
<div class="listContdetail3">电子邮箱1</div>
<div class="listContdetail2">18620727649</div>
<div class="listContdetail1">会员头像1</div>
<div class="listContdetail1">删除|修改</div>
</div> 展开
1个回答
展开全部
$(function(){
$(".listCont1").click(function(event){
//由于冒泡事件,要先判断是哪个响应的click
if($(this).attr('class').indexOf('clear')>-1)//触发的是父div
{
$(this).find('input').prop("checked");
return false;//结束冒泡
}
else if($(this).is('input'))//触发的是input
{
$(this).prop("checked");
return false;//结束冒泡
}
else //触发的是子控件
{
$(this).parent().find('input').prop("checked");
return false;//结束冒泡
}
});
});
注意,prop需要JQuery1.6以上版本。
追问
刚刚在w3school中查了一下。用$(this).children(".listContdetail1").children("input"),就能得到对就的input对象了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询