想实现一个点击一个div里面的input然后让这个div后面的一个隐藏的div显示出来
jquery我是参考文档这么写的,但是没用这里不想使用class,id等选择,因为有很多个这样的td,求高人指点$(".search_gray").click(funct...
jquery我是参考文档这么写的,但是没用
这里不想使用class,id等选择,因为有很多个这样的td,求高人指点
$(".search_gray").click(function(){
$(this).parent("div").next("div").show();
})
下面是html
<td><div class="products_text01"><input name="city" type="text" class="search_gray products_text01" value="请填写报价的城市" /></div>
<div class="product_tian" onmouseover="mouseOver(this);" style="display:none;" ><div class="product_city">
<ul class="float_left product_all"><li><a href="#">全国</a></li>
<li><a href="#">浙江</a></li>
<li><a href="#">江苏</a></li>
<li><a href="#">江西</a></li>
<li><a href="#">广东</a></li>
<li><a href="#">上海</a></li>
<li><a href="#">北京</a></li>
<li><a href="#">湖南</a></li>
</ul>
<ul class="float_left product_dname"><li><a href="#">杭州</a></li>
<li><a href="#">衢州</a></li>
<li><a href="#">金华</a></li>
<li><a href="#">义乌</a></li>
<li><a href="#">宁波</a></li>
<li><a href="#">海宁</a></li>
<li><a href="#">嘉兴</a></li>
<li><a href="#">舟山</a></li>
</ul>
</div>
</div>
</td> 展开
这里不想使用class,id等选择,因为有很多个这样的td,求高人指点
$(".search_gray").click(function(){
$(this).parent("div").next("div").show();
})
下面是html
<td><div class="products_text01"><input name="city" type="text" class="search_gray products_text01" value="请填写报价的城市" /></div>
<div class="product_tian" onmouseover="mouseOver(this);" style="display:none;" ><div class="product_city">
<ul class="float_left product_all"><li><a href="#">全国</a></li>
<li><a href="#">浙江</a></li>
<li><a href="#">江苏</a></li>
<li><a href="#">江西</a></li>
<li><a href="#">广东</a></li>
<li><a href="#">上海</a></li>
<li><a href="#">北京</a></li>
<li><a href="#">湖南</a></li>
</ul>
<ul class="float_left product_dname"><li><a href="#">杭州</a></li>
<li><a href="#">衢州</a></li>
<li><a href="#">金华</a></li>
<li><a href="#">义乌</a></li>
<li><a href="#">宁波</a></li>
<li><a href="#">海宁</a></li>
<li><a href="#">嘉兴</a></li>
<li><a href="#">舟山</a></li>
</ul>
</div>
</div>
</td> 展开
2013-07-18
展开全部
测试通过,没有问题。
可以更简单一点:
$(".search_gray").click(function(){
$(this).parent().next().show();
})
.parent() 得到的就是上一层的节点
.next() 下一个兄弟节点
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询