借助jquery的两个函数：find()和hide()可以实现这个效果
$("div").find("span").hide();
实例演示：点击三个div中的任一个，将隐藏被点击div下的span
创建Html元素
点击div后隐藏相应的span： 我是第一个div下的span 我是个p，所以不会被隐藏。
我是个p，所以不会被隐藏。
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}div.box span{color:#999;font-style:italic;}div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
编写jquery代码
$(function(){ $(".content").click(function() { $(this).find("span").hide(); });})
观察效果
初始样式
点击第二个div的效果
$(".div").mouseover(function(){ $(this).find(".span").addClass("overline");}).mouseout(function(){$(this).find(".span").removeClass("overline");})
