jQuery只加载某些div内容,而不是父div

时间:2013-02-02 17:19:46

标签: jquery html load

<div id="value">
 10.00

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



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

这是我的文件内容。

如何阻止脚本加载<div id="text">

3 个答案:

答案 0 :(得分:1)

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

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

jsFiddle example (请注意,此示例使用jsFiddle的AJAX echo API来模拟调用)。

答案 1 :(得分:0)

您无法阻止,因为load获取整个文件。

您可以使用ajax函数,加载数据,操纵字符串然后将其放入div中。

或者在加载完成后删除子元素:

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

答案 2 :(得分:0)

据我了解您的问题,您希望从#value页面加载来自value.php div的内容,而您不希望这个<div id="text">

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