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));
}
},