jQuery中的效率问题

我在页面中有这个HTML结构，AJAX请求返回相同的结构：

<div id="feeds">
    <div class="items">
        <div class="feedClass">
            content
        </div>
        <div class="feedClass">
            content
        </div>
        <div class="feedClass">
            content
        </div>
    </div>
    <div class="pager">
        content
    </div>
    <div class="keys">
        content
    </div>
</div>

---

我会尝试使用更好的通信方法，比如JSON或XML。这将使整个ajax请求更加高效。其思想是，您可以将返回的数据附加到适当的位置，而不需要返回任何HTML

$.ajax({
  type: 'post',
  url: 'some-script.php',
  success: function( response ){
      //neat jquery element creation
      var newFeed = $("div", {
         "class" : "feedClass",
         "text" : response.newText
      });

      $(".items").append(newFeed);
      $(".keys").text(response.newText);
  }
});

如果需要修改元素的文本，可以使用

获取：

设置：

如果需要修改元素的HTML，请使用

获取/设置与$.text相同

---

简言之，我绝对建议您尽可能多地阅读，这里有许多巧妙的技巧/演示。

var feeds=document.getElementByIdfeeds； var feeddivs=feeds.getElementsByTagNamediv； var len=馈线分段长度； forvar i=0；我

---

}

你的单引号都乱了。你能在数据中显示实际数据吗？你的JS代码有输入错误。这是您的实际JS吗？嗨，伙计们，数据的内容是ajax请求返回的内容，html结构与上面的html片段相同，但是.items、.pager和.keys的内容不同。为什么不替换body标记的内容呢，如果您返回整个html结构，问题是我想在.items上附加内容，以便它继续增长。

$.ajax({
  type: 'post',
  url: 'some-script.php',
  success: function( response ){
      //neat jquery element creation
      var newFeed = $("div", {
         "class" : "feedClass",
         "text" : response.newText
      });

      $(".items").append(newFeed);
      $(".keys").text(response.newText);
  }
});

$(".some-class").text();

$(".some-class").text("Some Text");