Question

$(function () {
            myhtml = '<tr><td>1</td><td>Orange</td><td>1799.00 x <span>1</span></td><td>0.00</td><td>1799.00</td></tr><tr class="shippingRow"><td></td><td></td><td></td><td>Shipping</td><td>2.00</td></tr><tr class="totalRow"><td></td><td></td><td></td><td><strong>Total</strong></td><td><strong>1811.00</strong></td></tr>';
            console.log($(myhtml).filter(".shippingRow").find("td").length) // not returning 0;
            $(myhtml).filter(".shippingRow").find("td").attr('style', 'background:red'); // but this doesn't work?!
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

我尝试在原始html上使用attr应用样式，但不确定为什么它不起作用。我也尝试过css（），甚至是remove（），它只是无法工作，有什么想法？

Answer 1

也许我弄错了，但你必须选择实际渲染的表/行，而不仅仅是包含它的变量。见here

$("tbody").find(".shippingRow td").css("background-color", "red");

使用attr（）将样式应用于原始html失败

1 个答案: