jquery - jQuery 只加载某些 div 内容，而不是父 div

Question

<div id="value">
 10.00

  <div id="text">hello!</div>
</div>



<script>
setInterval(function(){
    $("#value").load("value.php #value");
}, 5000);
</script>

这是我文件的内容。

我如何防止脚本加载<div id="text">呢？

Answer 1

您可以使用 load 然后使用 load 的回调，只需删除不需要的 div 即可。请注意，您应该尽量避免使用重复 ID，因为看起来您正在加载的 div 具有值的 ID，而您从中加载的文件也具有值的 Id。

$('#value').load("value.php #value", function () {
    $('#text').remove();
});

jsFiddle 示例（注意本示例使用 jsFiddle 的 AJAX echo API 来模拟调用）。

Answer 2

您无法阻止这种情况，因为load会获取整个文件。

您可以改用ajax函数，加载数据，操作字符串，然后将其放入 div 中。

或者加载完成后移除子元素：

<script>
setInterval(function(){
    $("#value").load(
         "value.php", 
         function() {
            $('#text').remove();
         }
    );
}, 5000);
</script>

Answer 3

正如我理解你的问题，你想#value从页面加载 div 的内容value.php，你不希望这样<div id="text">：

setInterval(function(){
    var content = $("<span id='content'/>").load("value.php #value");
    $('#value').html(content);
}, 5000);