Question

我有以下javascript代码更改了jstree中每个选定节点的类（<ins>标记）：

   $j("#actionButton1").click(function() {

      $j.each($j("#demo2").jstree("get_selected"), function(index, element) {

      alert($j(element).attr('id'));

      var sub_id = $j(element).attr('id'); //node id is stored in the varialble sub_id

      $j("#"+sub_id+" ins:eq(1)").attr("class","jstree-icon2"); // set class to display new icon

   });//end of selected nodes loop
});

上面的代码工作正常，除了一件事，如果所选的sub_id存在于树中的多个位置，则显示新图标的类似乎不起作用。

我相信我已遍历jstree来搜索sub_id的所有出现，然后将新类关联到节点。

任何关于如何做到这一点的提示都是最受欢迎的。

非常感谢。

Answer 1

使用#id选择器时，它只返回第一个元素。将sub_id添加到名称或类属性可以帮助您解决问题。正如我在评论中提到的，id属性在页面上应该是唯一的。

如果要将类应用于所有匹配元素而不仅仅是第二个元素，则还需要从选择器中删除:eq(1)。 :eq接受基于0的索引。

修改

您的新选择器：

$j("your-element[name='"+sub_id+"' ins").attr("class","jstree-icon2");

Answer 2

尝试直接引用节点，而不是使用ID作为选择器：

$j('#actionButton1').click(function() {
    $j.each($j('#demo2').jstree('get_selected'), function(index, element) {
        $j('ins:eq(1)', element).addClass('jstree-icon2');
    });
});

如上面的评论所述，ID应该是唯一的。

我希望这有帮助！

循环遍历jstree以搜索所有出现的节点id，然后更改这些节点的类

2 个答案: