jQuery怎么实现 当前被点击元素的父级下的某个元素显示出来了，
代码结构：<divclass="1"><li>这里添加事件</li><li>这里添加事件</li><li>这里添加事件</li><p>这里需要点击后显示出来</p></d...
代码结构：<div class="1"><li>这里添加事件</li><li>这里添加事件</li><li>这里添加事件</li><p>这里需要点击后显示出来</p></div>
展开
3个回答
展开全部
<body>
<div class="1"><li>这里添加事件</li><li>这里添加事件</li><li>这里添加事件</li><p>这里需要点击后显示出来</p></div>
</body>
<script>
$(".1 li").click(function(){
$(this).parent().find("p").toggle();
})
</script>
追问
还有一个问题是，点击li时候获取它的data值，然后跟P里面的内容做匹配，等于说 li 的data值是a，p里面的内容也是a，就算匹配上怎么实现呢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(".1 li").on('click', function(){
$(".1 p").show();
})
$(".1 p").show();
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body><div class="1"><li>这里添加事件</li><li>这里添加事件</li><li>这里添加事件</li><p>这里需要点击后显示出来</p></div></body><script> $(".1 li").click(function(){ $(this).parent().find("p").toggle(); })</script>
jquery用$(this)选择他下面的子元素的方法：
使用遍历函数children()，关键代码为 $(this).children("li")，表示获取当前元素下所有标签为<li>的子元素。
下面实例演示：点击div标签后，何用$(this)选择它下面的<li>子元素，为了显示效果，将其设置为红色。
1、新建HTML文件，输入如下的HTML结构，为了说明问题，在div标签下除了li元素外，还设置了其他类型的子元素。
<div id="test">
<span>我是span标签</span><br>
<li>我是li标签</li>
<a href="#">我是超链接a标签</a>
</div>
2、在上面新建文件的开头输入如下jquery代码，表示在单击div标签区域后，执行一个函数，具体动作为获取当前div下的li标签元素，然后使用css()函数设置它的字体颜色为红色。
<script>
$(function(){
$("#test").click(function() { // 单击div元素
$(this).children('li').css('color','red'); // 使用children('li')获取div下的li元素，然后设置颜色为red即红色
});
});
</script>
3、保存文件，使用浏览器打开，演示效果如下图所示，从结果可知，只有div下的li子元素被选中。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
