使用attr()将样式应用于原始html失败

apply style using attr() to raw html failed

本文关键字:应用于 原始 html 失败 样式 attr 使用      更新时间:2023-09-26

$(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((,它就是不起作用,有什么想法吗?

也许我弄错了,但你必须选择实际呈现的表/行,而不仅仅是包含它的变量

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