JQUERY 若干个li的显示和隐藏问题
<ul><li><a>我是文字1<divclass="d1">我是DIV里的文字</div></a></li><li><a>我是文字1<divclass="d1">我是D...
<ul>
<li>
<a>
我是文字1
<div class="d1">我是DIV里的文字</div>
</a>
</li>
<li>
<a>
我是文字1
<div class="d1">我是DIV里的文字</div>
</a>
</li>
<li>
<a class="c1">
我是文字1
<div class="d1">我是DIV里的文字</div>
</a>
</li>
</ul>
如上代码，若干个LI，里面内容相同，不同的是LI里的A只有一个带 class="c1"，如何让带class="c1"里的DIV显示，不带class="c1"的<div class="d1">我是DIV里的文字</div>不显示呢？ 展开
<li>
<a>
我是文字1
<div class="d1">我是DIV里的文字</div>
</a>
</li>
<li>
<a>
我是文字1
<div class="d1">我是DIV里的文字</div>
</a>
</li>
<li>
<a class="c1">
我是文字1
<div class="d1">我是DIV里的文字</div>
</a>
</li>
</ul>
如上代码，若干个LI，里面内容相同，不同的是LI里的A只有一个带 class="c1"，如何让带class="c1"里的DIV显示，不带class="c1"的<div class="d1">我是DIV里的文字</div>不显示呢？ 展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>
RunJS 演示代码
</title>
<script>
$(function(){
$(".c1 .d1").hide();
$(".c1:not(:has('.d1'))").show();
});
</script>
</head>
<body>
<ul>
<li>
<a class="c1">
我是文字1
<div class="d1">
我是DIV里的文字1
</div>
</a>
</li>
<li>
<a>
我是文字2
<div class="d1">
我是DIV里的文字2
</div>
</a>
</li>
<li>
<a class="c1">
我是文字3
<div class="d1">
我是DIV里的文字3
</div>
</a>
</li>
</ul>
</body>
</html>
追问
我试了一下，好像正好相反了，有 的反而不显示了。没有的都显示出来了！~怎么回事？
追答
$(function(){
$(".d1").hide();
$(".c1 .d1").show();
});
// 不好意思，我看反了，采纳即可
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
