使用jQuery更改angularJS树根节点的css样式

这是我的JSFIDER:

我试着用这个，它就是那个

---

我想更改根节点的css样式，而不影响子节点。在这个演示中，它意味着更改三个根节点的样式，例如，只需将它们的背景颜色更改为红色。如何使用jQuery实现这一点？还是你有更好的办法？请告诉我，谢谢

整个结构由列表中嵌套的无序列表元素组成，每个列表元素都有一个图标元素和一个图标中的文本

因此，如果只想选择父元素，可以使用直接后代选择器>，它将只返回第一个直接子元素。请参见此处的JSFIDLE：

---

谢谢你的回复。我发现使用元素选择器的方式不能满足我的需要。事实上，在使用treeviewer时，我尝试在节点后添加一个带有dropmenu的按钮，该按钮提供一些操作，如更新等。使用带有$'divtree>ul>li.的元素选择器。append可以添加一个按钮，但无法获取中所示的节点值。我尝试在通过修改angulartreeview.js生成树时添加该按钮，但每个节点（无论是根节点还是子节点）后面都有一个按钮。如图所示，如何从子节点删除测试？感谢您回答我的问题。最后，我解决了这个问题。对于需要特殊操作的根节点，我使用ng repeat。对于这些子节点，我使用插件生成树视图。如果你能用remove api或其他方法解决这个问题，请告诉我。你问的是如何删除span元素，它将类似于$'divtree ul>li>span'.css'display'，'none'；但是，您不必被迫使用jQuery，事实上，首先对生成树的代码进行操作可能是一种更好的方法。

<div
  data-angular-treeview="true"
  data-tree-model="data"
  data-node-id="value"
  data-node-label="names"
  data-node-children="nodes" >
</div>

/* style only parent */
$(document).ready( function(){
    // give border only to first-level element
    $('div#tree > ul > li').css('border', '3px solid red');
    // green text for first level
    $('div#tree > ul > li').css('color', 'green');
    //reset to black for inner levels after first
    $('div#tree > ul > li ul li').css('color', 'black');
});