                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

我要让橘子显示出来，让他在一个层里面显示出来，可是位置为什么不对呢？

我要让橘子显示出来，让他在一个层里面显示出来，可是位置为什么不对呢？

zning02

2015-09-20

源自：jQuery基础课程 3-6

关注问题我要回答

383

操作

收起

5 回答

potatoshaner
2016-01-28

你把橘子那句给了下面的div，所以显示的位置就不对了

0 回复有任何疑惑可以回复我~

平底斜
2015-11-19

位置并没有不对哦，因为你不知道css是怎么写的。而你看到原来“橘子”的位置变了，那是因为html()是直接修改了标签内容，并不是复制的。表达不太好，不知道说清了没有

0 回复有任何疑惑可以回复我~

#1

zning02 提问者

我看了下css，没看出来什么，可以解释一下么？

2015-12-22 回复有任何疑惑可以回复我~

#2

平底斜回复 zning02 提问者

这跟css有关。你的div在列表下面，题目中列表的样式设置了浮动，所以div的内容就在列表后面

2015-12-30 回复有任何疑惑可以回复我~

张的高
2015-10-21

可以这样

$("li:contains('橘子')").css("display","");

$("li:contains('西瓜')").css("display","");

0 回复有任何疑惑可以回复我~

汤圆00
2015-09-23

因为你最后把橘子的值给了div,肯定不在一个层里了

<body>

<h3>修改可见“水果”的背景色</h3>

<ul>

<li style="display:none">橘子</li>

<li style="display:block">香蕉</li>

<li style="display:">葡萄</li>

<li>苹果</li>

<li style="display:none">西瓜</li>

<li id="ss"></li>

</ul>

<script type="text/javascript">

$("li:visible").css("background-color","blue");

var $strHTML=$("li:hidden").html();

$("#ss").html($strHTML)

</script>

</body>

0 回复有任何疑惑可以回复我~

zning02 提问者
2015-09-20

<!DOCTYPE html>

<html>

<head>

<title>:visible过滤选择器</title>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<h3>修改可见“水果”的背景色</h3>

<ul>

<li style="display:none">橘子</li>

<li style="display:block">香蕉</li>

<li style="display:">葡萄</li>

<li>苹果</li>

<li style="display:none">西瓜</li>

</ul>

<div></div>

<script type="text/javascript">

$("li:visible").css("background-color","blue");

var $strHTML = $("li:hidden").html();

$("div").html($strHTML);

</script>

</body>

</html>

这是我写的代码，求解答

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154768 人
解答问题 7184 个

加入课程学习，有效提高前端开发速度

我要让橘子显示出来，让他在一个层里面显示出来，可是位置为什么不对呢？

我要回答关注问题

意见反馈帮助中心 APP下载