jquery中div标签的html()方法引起的有关问题

2013-01-11

jquery中div标签的html()方法引起的问题在一个页面中有如下div结构：div classbig_boxdiv iddiv_

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"这个值。
请问这是什么原因，我该怎么解决？ 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" class="Custom_SearchButton" />

        </div>
        <div id="div_List"></div>
        <div id="div_foot" class="foot">本站所有信息均由本人提供和授权发布，请勿转载!</div>
</div>
</body>
</html>

试了下,可以的呀

热点排行

Ajax

jquery中div标签的html()方法引起的有关问题