如何仅将以下CSS应用于剑道树视图的父节点？

我有一个CSS类：

.relationshipsTree 
{
    display: inline;
    font-size: 10pt;
    text-decoration: none;
    /*cursor: hand;*/
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    filter: none;
    font-weight: bold;
    color: green;
    background-color: transparent;
}

我想在这个剑道树视图的父节点上使用它：

<div id="relationshipsTree"></div>

然而，根据这里的答案，它仍然不起作用

整个文件：

function CreateRelationshipsTree()
{
    var primaryContactId = 671;
    var personOrCompany = 'C';
    var rootMemberId = 0;

    var data = new kendo.data.HierarchicalDataSource({
        transport: {
            read: {
                url: "../api/relationships?primaryContactId=" + primaryContactId + "&personOrCompany=" + personOrCompany + "&rootMemberId=" + rootMemberId,
                contentType: "application/json"
            }
        },
        schema: {
            model: {
                hasChildren: "hasChildren",
                children: "Items"
            }
        }
    });

    $("#relationshipsTree").kendoTreeView({
        dataSource: data,
        loadOnDemand: true,
        dataUrlField: "LinksTo",
        dataTextField: ["Name", "Name"],
        select: treeviewSelect
    });

    function treeviewSelect(e) {
        var node = this.dataItem(e.node);
        window.open(node.NotificationLink, "_self");
    }

    $('#relationshipsTree').parent().addClass('relationshipsTree');
}

function RefreshProjectTree() {
    var treeView = $("#relationshipsTree").data("kendoTreeView");
    treeView.dataSource.read();
}

---

可以使用jquery以元素的父元素为目标

$('#youselector').parent().css({
    display:'inline',
    font-size:'10pt',
    text-decoration:'none',
    overflow:'hidden',
    overflow-x:'hidden',
    overflow-y:'hidden',
    filter:'none',
    font-weight:'bold',
    color:'green',
    background-color:'transparent',
});

---

可以使用jquery以元素的父元素为目标

$('#youselector').parent().css({
    display:'inline',
    font-size:'10pt',
    text-decoration:'none',
    overflow:'hidden',
    overflow-x:'hidden',
    overflow-y:'hidden',
    filter:'none',
    font-weight:'bold',
    color:'green',
    background-color:'transparent',
});

更新 我发现我误解了你的问题。我认为您希望在树状视图中选择父节点的同时选择DOM父元素。这是我最新的答案

对处理程序进行一点MIDI：

function treeviewSelect(e) {
  $('#relationshipsTree div').removeClass('relationshipsTree');
  $(e.node).parents('li').first().children('div').addClass('relationshipsTree');
  var node = this.dataItem(e.node);
  window.open(node.NotificationLink, "_self");
  
}

演示已更新

已更新 我发现我误解了你的问题。我认为您希望在树状视图中选择父节点的同时选择DOM父元素。这是我最新的答案

对处理程序进行一点MIDI：

function treeviewSelect(e) {
  $('#relationshipsTree div').removeClass('relationshipsTree');
  $(e.node).parents('li').first().children('div').addClass('relationshipsTree');
  var node = this.dataItem(e.node);
  window.open(node.NotificationLink, "_self");
  
}

---

已更新演示

不幸的是，这并没有改变树的外观。我应该在哪里添加这个jquery调用？现在我把它放到创建树的.js文件中。我会更新我的OP，这样你就可以看到我在哪里调用它。我在这里构建了一个演示。请告诉我这个演示有什么问题。它的问题是整个树都是绿色的。。。我只希望父节点是绿色的是的，我发现我误解了你的答案。我已经更新了代码：幸运的是，这并没有改变树的外观。我应该在哪里添加这个jquery调用？现在我把它放到创建树的.js文件中。我会更新我的OP，这样你就可以看到我在哪里调用它。我在这里构建了一个演示。请告诉我这个演示有什么问题。它的问题是整个树都是绿色的。。。我只希望父节点是绿色的是的，我发现我误解了你的答案。我已经更新了我的代码：D