Question

我一直想弄清楚如何做到这一点。出于某种原因，当我使用“.yellow”选择器时，它会返回一个对象，但是我无法找到该对象的父级，并且继续说它的所有内容都为空。

我有这个单元格：

<td aria-describedby="CommodityControlReportGrid_ApprovalType" style="text-align:left;" role="gridcell">
    <span class="yellow"></span>
    Ignored
</td>

这些不同单元格的父行都具有以下架构：

<tr class="ui-widget-content jqgrow ui-row-ltr" tabindex="-1" id="101023" role="row"></tr>

基本上，我想根据包含<span class="yellow"></span>的单元格的行应用行的背景颜色。

我如何在Jquery中执行此操作，或者至少选择我想要的行（我知道如何应用颜色）？

Answer 1

你可以选择带有黄色等级的跨度 - 全部获取它们然后应用于相应的tr

$('span.yellow').closest('tr').css('background-color','yellow');

http://jsfiddle.net/jtY7Q/

Answer 2

请记住，即使您只有一个黄色类的跨度，按非唯一类选择也会返回一个数组。确保直接访问元素，或循环遍历每个返回的项目：

$('span.yellow').each(function(){alert(1);$(this).parents().closest('tr').attr('style','background-color:yellow')});

Answer 3

检查这可能有帮助

JsFiddle Demo

   var1 = $("td").children('span').attr('class');
    $("td").css("background-color",var1);

基于单元格值的颜色行 - Jquery

3 个答案: