隐藏AJAX响应的部分内容

时间:2014-08-01 03:32:39

标签: javascript jquery ajax

我正在进行一次AJAX调用,该调用返回我的数据库中的多个记录,每个记录都包含在< pre>像这样的标签:

  <div id = "ajaxdiv">
  <pre id = "1"> record 1 </pre>
  <pre id = "2"> record 2 </pre>
  etc. etc.
  </div>

我希望能够有选择地隐藏一个或多个返回的记录,以便只保留与原始查询最相关的记录。返回的记录数可能会有所不同。作为DOM文本插入的Javascript将不会执行,所以我有点不知道如何使用JQuery hide()等完成此操作。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

从AJAX获得响应后,您可以像现在一样呈现记录。然后,您可以创建一个包含要隐藏的ID的数组。

// add something like this to your code
// after the results has been rendered.
var idsToHide = [ 1, 3, 5];

idsToHide.forEach(function(elementId) {
    // hide the element via jQuery
    $('#' + elementId).hide();
});

请参阅http://jsfiddle.net/jQU2B/2/