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);