javascript - 我怎样才能以聪明的方式重构它

Question

所以基本上我有一个寻找 div 并向其附加 iframe 的代码，但我仅将它们作为 if 语句的开始，知道如何重构它们，尝试了一些 else-if 但他们没有'不工作。代码如下所示:

if ($('.similar-products')) {                                       
    $('.similarproducts').append(iframe_html);
} 

if ($('.partial--product')){
    $('.partial--product').append(iframe_html);
}

if ($('.product-page')){
    $('div.product-page').append(iframe_html);
}

if($('#section-product-page')){
   $('#section-product-page').append(iframe_html);
}
//needs fix
if($('.swatch-product-id-*')){
   $('.swatch-product-id-*').append(iframe_html);
}

if($('.product__tabs')){
   $('.product__tabs').append(iframe_html);
}
if($('.main-content-wrapper')){
   $('.main-content-wrapper').append(iframe_html);
}

if($('#shopify-section-product-description-bottom-template')){
   $('#shopify-section-product-description-bottom-template').append(iframe_html);
}
if($('.product-details-inline')){
   $('.product-details-inline').append(iframe_html);
}

if($('.social-footer')){
   $('.social-footer').prepend(iframe_html);
}
if($('.section-related-products')){
   $('.section-related-products').append(iframe_html);
}

if($('.product-details')){
   $('.product-details').append(iframe_html);
}

Answer 1

我猜你在这里使用的是 jQuery。如果是这样的话，有 if block 是没有意义的。因为 jQuery 会查找匹配的选择器并执行函数中指定的任务。如果没有找到给定选择器的元素，则例程将被忽略，不会出现错误。所以，有类似的东西

if ($('.similar-products')) {                                       
    $('.similarproducts').append(iframe_html);
}

与

没什么不同

$('.similarproducts').append(iframe_html);

此外，考虑对选择器进行分组，如果 <iframe>您附加的内容对于所有人来说都是相同的。所以它会是这样的

$('.similarproducts, .partial--product' /* Rest of the selectors */).append(iframe_html);