JavaScript：按分隔符拆分变量并循环替换重复代码片段

方案一：手动生成对应代码 #

把PropertysIds中的ID逐个拆分，分别替换代码片段里的REPLACEHERE，最终得到三段独立代码：

<script type="text/javascript">
    var GetListing = document.querySelector('.listing_wrapper[data-listid="1234"]');
    if ( GetListing ) { 
    var AddLabel = '<div title="Casa Segura" class="casa_segura2"></div>';      
    jQuery(GetListing).prepend(AddLabel);
    }
    else{}
</script>

<script type="text/javascript">
    var GetListing = document.querySelector('.listing_wrapper[data-listid="2345"]');
    if ( GetListing ) { 
    var AddLabel = '<div title="Casa Segura" class="casa_segura2"></div>';      
    jQuery(GetListing).prepend(AddLabel);
    }
    else{}
</script>

<script type="text/javascript">
    var GetListing = document.querySelector('.listing_wrapper[data-listid="3456"]');
    if ( GetListing ) { 
    var AddLabel = '<div title="Casa Segura" class="casa_segura2"></div>';      
    jQuery(GetListing).prepend(AddLabel);
    }
    else{}
</script>

方案二：用JavaScript自动批量处理（推荐） #

不需要手动生成多段代码，直接通过一段JS循环处理所有ID，更高效：

var PropertysIds = "1234,2345,3456";
// 拆分ID为数组
var ids = PropertysIds.split(',');
// 循环遍历每个ID
ids.forEach(function(id) {
    var GetListing = document.querySelector('.listing_wrapper[data-listid="' + id + '"]');
    if (GetListing) { 
        var AddLabel = '<div title="Casa Segura" class="casa_segura2"></div>';      
        jQuery(GetListing).prepend(AddLabel);
    }
});

这段代码会自动遍历所有ID，找到对应的元素并添加标签，省去重复编写多段代码的麻烦。

内容的提问来源于stack exchange，提问作者Kevin Soto