javascript - 选择原始 html 类

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).find('.shippingRow td').length);
});

我得到了零而不是一个，我错过了哪一部分？我想删除类名或对 myhtml 进行一些样式设置。

Answer 1

.shippingRow tr 未嵌套在 HTML 字符串中的任何其他元素中。这意味着它是它返回的 jQuery 对象中的元素之一。 (即，由于您有 3 个 tr，$(myhtml).length 将返回 3)。

自 .find仅搜索 jQuery 对象中元素的后代，它没有找到任何具有 shippingRow 类的元素。

一种方法是使用 .filter相反:

$(myhtml).filter(".shippingRow").find("td").length