javascript - 使用 JSON 数据类型向来自 Ajax 的新数据添加新类

Question

我的 Ajax请求工作正常并返回所需的数据。但我想添加新的 class至 <li>我从 AJAX 得到的元素要求。我正在尝试添加新类，即 $elm.addClass("newclass")在 Ajax 下 success , 但我没有看到这个新类被添加到新 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

这是您要完成的示例。我想你可能会偏离你的选择。尝试确保 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');
    }
});