首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

搜索下级dom对象并隐藏,点击隐藏父元素

2012-10-07 
搜索上级dom对象并隐藏,点击隐藏父元素类似页面如下:trtdinput typecheckbox //tdtddiv nam

搜索上级dom对象并隐藏,点击隐藏父元素
类似页面如下:

<tr>  <td><input type="checkbox" /></td>  <td><div name="code">$("input.chk").click(function(){  $(this).parent().parent().(".disabled").show();}) ;


实际使用.closest() 和 .find()更合适
$("input.chk").click(function(){  $(this).closest('tr').find(".disabled").show();});

当然也可以

$(this).parent().parent().find(".disabled").show();


如果,有多行的话用.delegate()如下:

$("table").delegate("input.chk", "click", function(){  $(this).closest('tr').find(".disabled").show();});



#.delegate() instead binds one handler to the table for all of the input.chk elements to bubble up to. If you're looking to enable/disable, use hcnage and .toggle() in addition to the above, like this:$("table").delegate("input.chk", "change", function(){  $(this).closest('tr').find(".disabled").toggle(this.checked);});

热点排行