使用 JSON 数据类型将新类添加到来自 Ajax 的新数据

Question

我的Ajax 请求工作正常并返回所需的数据。但我想将新的class 添加到<li> 元素，这是我从AJAX 请求中获得的。我正在尝试在 Ajax success 下添加新类，即 $elm.addClass("newclass")，但我没有看到这个新类被添加到新的 li 元素中。没有错误。我不确定这有什么问题，因为我也没有收到任何错误。

function  loadSuccess(data, status, obj)
 {


for (i = 0; i < data.length; i++) {
    var nodeid = data[i].attr.id;

    if (nodeid=="BALX") {

        $("#"+nodeid).addClass("selected");

    }
 }


};

HTML--来自 Chrome Inspector-->第一次--父节点--

  <ul role="tree"   style="outline:none">
        <li role="treeitem" id="ALLACCOUNTS" <span >ALLACCOUNTS --1</span></a></li>
 </ul>

-------------点击父节点“ALLACCOUNTS”后--这是一个Ajax调用-----

   <ul role="tree"  style="outline:none"><li role="treeitem" id="ALLACCOUNTS" ><a  class=""><span class="oj-tree-title">ALLACCOUNTS --1</span></a><ul class="" style="overflow: hidden; display: block;"><li id="BALX" ><a ><span >BALSHEET --2</span></a></li></ul></li></ul>

Answer 1

尝试使用 .class 而不是 #id。 并使用您的console.log( $("#"+nodeid) ); 查找此元素，以验证它是否确实存在。 也许你有多个 onde #id 元素并得到一些错误。

将$("#nodeid_name").addClass('selected'); 强制输入浏览器控制台，例如$("#BALX").addClass('selected');，看看会发生什么。

Answer 2

以下是您尝试完成的示例。我想你可能会选择你的选择。尝试使用开发人员工具确保 jquery 确实在查找元素：

https://jsfiddle.net/9j429sw4/

HTML

<div id="test1">Test 1</div>
<div id="test2">Test 2</div>
<div id="test3">Test 3</div>
<div id="test4">Test 4</div>

CSS

.selected {
  background-color: green;
  color: red;
}

JavaScript

var ids = ["test1", "test2", "test3", "test4"];
$.ajax({
    type: 'GET',
    url: '/echo/json',
    success: function (response) {
      for (var i = 0; i < ids.length; i++) {
          if (ids[i] == "test2") $("#"+ids[i]).addClass('selected');
      }
    },
    error: function (err) {
      alert('error');
    }
});