jquery中div标签的html()方法引起的有关问题
日期：2014-05-16 浏览次数：20758 次
jquery中div标签的html()方法引起的问题
在一个页面中有如下<div>结构：
<div class="big_box">
<div id="div_Top" class="top"></div>
<div id="div_Search" class="search">
<input id="Tbx_Search" class="Custom_SearchInput" />
<input type="button" id="Btn_Search" class="Custom_SearchButton" />
</div>
<div id="div_List"></div>
<div id="div_foot" class="foot">本站所有信息均由本人提供和授权发布，请勿转载!</div>
</div>
我通过$("#div_Top").html("aaa");对第一个名为div_Top的标签进行赋值后。
后面 div_Search、div_List 和 div_foot 三个div标签内的内容全部不显示了，整个页面就只显示出"aaa"这个值。
请问这是什么原因，我该怎么解决？
------解决方案--------------------
贴全代码来，这句不会导致内容后面的内容部显示的，可能是css写的不对
------解决方案--------------------
<div class="big_box"><div id="div_Top" class="top" />
==>
<div class="big_box"><div id="div_Top" class="top"></div>
div不是单标签，不要这样闭合，要不后面的内容都归到div_Top下面了，所以设置内容的时候覆盖掉搜索的了
------解决方案--------------------
<html>
<head>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
$("#div_Top").html("test");
})
</script>
</head>
<body>
<div class="big_box">
<div id="div_Top" class="top"></div>
<div id="div_Search" class="search">
<input id="Tbx_Search" class="Custom_SearchInput" />
<input type="button" id="Btn_Search" c
在一个页面中有如下<div>结构：
<div class="big_box">
<div id="div_Top" class="top"></div>
<div id="div_Search" class="search">
<input id="Tbx_Search" class="Custom_SearchInput" />
<input type="button" id="Btn_Search" class="Custom_SearchButton" />
</div>
<div id="div_List"></div>
<div id="div_foot" class="foot">本站所有信息均由本人提供和授权发布，请勿转载!</div>
</div>
我通过$("#div_Top").html("aaa");对第一个名为div_Top的标签进行赋值后。
后面 div_Search、div_List 和 div_foot 三个div标签内的内容全部不显示了，整个页面就只显示出"aaa"这个值。
请问这是什么原因，我该怎么解决？
jquery
div
------解决方案--------------------
贴全代码来，这句不会导致内容后面的内容部显示的，可能是css写的不对
<div class="big_box">
<div id="div_Top" class="top"></div>
<div id="div_Search" class="search">
<input id="Tbx_Search" class="Custom_SearchInput" />
<input type="button" id="Btn_Search" class="Custom_SearchButton" />
</div>
<div id="div_List"></div>
<div id="div_foot" class="foot">本站所有信息均由本人提供和授权发布，请勿转载!</div>
</div>
<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>
<script type="text/javascript">
$(function () { $("#div_Top").html("aaa"); });
</script>
------解决方案--------------------
<div class="big_box"><div id="div_Top" class="top" />
==>
<div class="big_box"><div id="div_Top" class="top"></div>
div不是单标签，不要这样闭合，要不后面的内容都归到div_Top下面了，所以设置内容的时候覆盖掉搜索的了
------解决方案--------------------
<html>
<head>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
$("#div_Top").html("test");
})
</script>
</head>
<body>
<div class="big_box">
<div id="div_Top" class="top"></div>
<div id="div_Search" class="search">
<input id="Tbx_Search" class="Custom_SearchInput" />
<input type="button" id="Btn_Search" c
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
