Javascript 下面的Jquery代码有什么不同?

Javascript 下面的Jquery代码有什么不同?,javascript,jquery,load,Javascript,Jquery,Load,我正在开发一个社交网站,它的左面板有一些通知功能。 无论何时任何用户玩过游戏,它都会自动更改通知计数 为此,我使用了下面的代码行 jQuery('#count_id').load('mypage.php'); 但它会检索我整个网站的内容与页眉,页脚和内容区的响应文本,这是错误的,根据我的要求 但如果我使用下面的代码行 jQuery('#count_id').load('mypage.php #count_id'); 然后它将检索一个真实的计数,但在原始计数之间添加另一个div 原始html:

我正在开发一个社交网站,它的左面板有一些通知功能。 无论何时任何用户玩过游戏,它都会自动更改通知计数

为此,我使用了下面的代码行

jQuery('#count_id').load('mypage.php');
但它会检索我整个网站的内容与页眉,页脚和内容区的响应文本,这是错误的,根据我的要求

但如果我使用下面的代码行

jQuery('#count_id').load('mypage.php #count_id');
然后它将检索一个真实的计数,但在原始计数之间添加另一个div

原始html:

<div id="count_id" class="notify">2</div>
2
和检索响应后的代码:

<div id="count_id" class="notify">
 <div id="count_id" class="notify">1</div>
</div>

1.
这也不是预期的。count是正确的,但我不想在原始div中添加新div

我需要在代码中更改什么

谢谢

jQuery('#count_id').load('mypage.php #count_id > *');

这只会带来DOM孩子(内容)

,因为它就是这样工作的。此外,它还允许您将事件附加到加载的元素,并在该元素内委托它们(这样新元素也可以从附加的JavaScript事件中获益)-请参见
.delegate()

如果要替换该图元,可以尝试以下操作:

jQuery.get('mypage.php', function(data){
    jQuery('#count_id').replace(jQuery(data).find('#count_id'));
}, 'html');
我没有测试它,但它应该可以工作


然而,伊万·卡斯特拉诺斯是对的。根据文档,您可以在
.load()
参数的第一个空格后提供任何选择器。

要检索count\u id,您可以直接在div中获取html值,如下所示:

    <script type='text/javascript'>
    jQuery(document).ready(function() 
    {
        countVal = $("#count_id").html(); //returns the html content inside the div, which is the count value
        countVal = parseInt(countVal); //This will convert the string to type integer
    });
    </script>
countVal++;
$("#count_id").html(countVal);