2

JQTreeを使用して、テスト データのネストされたツリー ビューを作成しています。赤いテキストで障害を強調したいと思います。私はvar failText = $("span:contains('FAIL')");andfailText.css({'color': 'red'});を使用して、実際の失敗が発生した場所でそれを行います。ただし、技術者が失敗したテストを見つけるためにすべてのテストを検索する必要がないように、上位レベルの親も強調表示したいと思います。赤いタイトル テキストを探して、そこにドリルインするだけです。

親テキストを取得するために、いくつかのことを試しました：

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

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

どちらも機能しません。私はまた、親<span>と最も近いものを取得しようとしましたが<span>、どちらも機能しません。

フィドル: http://jsfiddle.net/delliottg/L6hdzene/

上位レベルのテキストを取得するにはどうすればよいですか (2 番目のテストのラベルは「電気テスト データ バージョン: SBE05」で、「テスト ステップ名 SET 2000 RPM」がネストされ、テキストを赤くしますか?これらの両方を有効にしたい赤のテキストのビットと実際の結果テキスト (すでに赤)。

4

2 に答える 2

3

これはトリックを行い、赤でFAILへのパスを示します。

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

jsfiddleを更新しました。

達成するよりパフォーマンスの高いセレクターがあるかもしれませんが、これは機能します。

于 2014-10-24T18:39:39.320 に答える
0

CSS の変更については、次のようにします。

データ (php など):

if( true ) {
    $node["css"] = "{\"color\":\"red\",\"font-weight\":\"700\"}";
}
else{
    $node["css"] = "{\"color\":\"green\",\"font-weight\":\"400\"}";
}

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));
            }
        },
于 2014-10-31T10:34:54.957 に答える