javascript - jQuery - 多次使用 .find() 和 .html()

Question

我尝试在同一个父对象上使用 jQuery 功能 .find() 和 .html()。像这样:

$('.confirm-booking')
 .find('.config_shipper_label')
 .html(formConfig.shipper_labels === 1 ? 'Yes' : 'No')
 .find('.config_batteri')
 .html(formConfig.batteri_labels === 1 ? 'Yes' : 'No');

但是，显然，它在第一个 .html() 函数之后停止。

所以我的 .config_shipper_label 元素具有正确的值(是或否)，但是，我的 .config_batteri 元素只是空的。

我还有很多元素需要经历，那么如何才能以最佳方式实现上述场景？

Answer 1

你不能像你那样链接它。您必须使用 jQuery 的 end方法如下:

$('.confirm-booking')
    .find('.config_shipper_label')
    .html(formConfig.shipper_labels === 1 ? 'Yes' : 'No')
    .end()
    .find('.config_batteri')
    .html(formConfig.batteri_labels === 1 ? 'Yes' : 'No');