Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于获取<;的父级的选择器;span>;文本以更改其颜色_Javascript_Jquery_Css_Jqtree - Fatal编程技术网

Javascript 用于获取<;的父级的选择器;span>;文本以更改其颜色

Javascript 用于获取<;的父级的选择器;span>;文本以更改其颜色,javascript,jquery,css,jqtree,Javascript,Jquery,Css,Jqtree,我正在使用创建测试数据的嵌套树视图。我想用红色文本突出显示失败。我使用的是var failText=$(“span:contains('FAIL'))和failText.css({'color':'red'})在实际故障发生时执行此操作。但是,我还想突出显示上层父级,这样技术人员就不必搜索所有的测试来查找失败的测试,他们只需查找红色标题文本,然后在那里钻取 为了获取父文本,我尝试了几种方法: failText.parents('.jqtree title folder').css({'color

我正在使用创建测试数据的嵌套树视图。我想用红色文本突出显示失败。我使用的是
var failText=$(“span:contains('FAIL'))
failText.css({'color':'red'})在实际故障发生时执行此操作。但是,我还想突出显示上层父级,这样技术人员就不必搜索所有的测试来查找失败的测试,他们只需查找红色标题文本,然后在那里钻取

为了获取父文本,我尝试了几种方法:

failText.parents('.jqtree title folder').css({'color':'red'})

failText.closest('.jqtree title folder').css({'color':'red'})

两者都不起作用。我还尝试获取父级
&最近的
,两者都不起作用

小提琴:


如何获取上层文本(在第二个测试中标记为:“电气测试数据版本:SBE05”,嵌套为“测试步骤名称设置2000 RPM”,并将其文本变为红色?我想将这两个文本位变为红色以及实际结果文本(已为红色).

这样做可以通过红色显示失败的路径

failText.parents('.jqtree-folder').find('> .jqtree-element > .jqtree-title-folder').css({
    'color': 'red'
});
更新


可能还有更高性能的选择器需要完成,但这是可行的。

对于CSS更改,我会这样做:

数据(例如php):

在js中:

    $('#righttree_container').tree({
        data: data,
        onCreateLi: function(node, $li) {

            if (node.css) {
                var $title = $li.find('.jqtree-title');
                $title.css(jQuery.parseJSON(node.css));
            }
        },

谢谢,午饭后我会看一看。只有failtext是
.jqtree title folder
元素的子元素时,这两种方法才有效。这些元素甚至都没有子元素的跨度(它们包含的都是文本)。请参见我打印的
.html()
对于每个
.jqtree标题文件夹
。谢谢,这是查看树的便捷方法!
    $('#righttree_container').tree({
        data: data,
        onCreateLi: function(node, $li) {

            if (node.css) {
                var $title = $li.find('.jqtree-title');
                $title.css(jQuery.parseJSON(node.css));
            }
        },