Javascript 我怎样才能以智能的方式重构它

所以基本上我有一个查找div的代码，并在其中附加了一个iframe，但我只是从if语句开始，我知道如何重构它们，尝试了一些其他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);
}

---

您可以使用Switch case语句代替if和else，因为在if-else的情况下，服务器将检查每个if和else条件，但在Switch的情况下，它将直接跳转到相关的case块上。因此，它最大限度地提高了性能

您可以使用Switch case语句而不是if和else，因为在if-else情况下，服务器将检查每个if和else条件，但在Switch情况下，它将直接跳转到相关的case块上。因此它可以最大限度地提高性能

我想您在这里使用的是jQuery。如果是这种情况，拥有

If

块是没有意义的。因为jQuery查找匹配的选择器并执行函数中指定的任务。如果找不到给定选择器的元素，则例程将被忽略，不会出现错误。所以，有点像

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

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

这和

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

此外，如果要添加的

对所有选择器都是相同的，请考虑对选择器进行分组。所以会是这样的

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

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

---

我想您在这里使用的是jQuery。如果是这种情况，拥有

If

块是没有意义的。因为jQuery查找匹配的选择器并执行函数中指定的任务。如果找不到给定选择器的元素，则例程将被忽略，不会出现错误。所以，有点像

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

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

这和

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

此外，如果要添加的

对所有选择器都是相同的，请考虑对选择器进行分组。所以会是这样的

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

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

---

$（'.类似产品、.部分产品、div.product-page、#部分产品页、#部分产品页、#部分产品页、.样本产品id、.产品选项卡、.主色调包装、#Shopfify部分产品说明底部模板、.产品详细信息内联、.社交页脚、.部分相关产品、.产品详细信息”）。追加（iframe\u html）

您可以使用loop

$（'.相似产品、.部分产品、div.product-page、#部分产品页面、.样本产品id、.产品标签、.主色调包装、#shopify部分产品描述底部模板、.产品详细信息内联、.社交页脚、.与部分相关的产品、.产品详细信息”）.append（iframe\u html）你可以使用Loop谢谢你，伙计！谢谢你，伙计！如果您喜欢我的答案，请按向上箭头图标进行投票@如果你喜欢我的答案，请按向上箭头图标投票@嵴