Javascript jquery var=text+;数

Javascript jquery var=text+;数,javascript,jquery,html,icons,Javascript,Jquery,Html,Icons,我有一个带有自定义项目符号图标的项目符号列表。我需要某种javascript,它将遍历我的列表并检查图标-后面是否有数字,如果有,则添加一个”; }); 试试这个 <ul class="someclass"> <li> <div class="divClass"> [icon-1] </div> Some Text </li> <li> <div class="

我有一个带有自定义项目符号图标的项目符号列表。我需要某种javascript,它将遍历我的列表并检查图标-后面是否有数字,如果有,则添加一个
”;
});
试试这个

<ul class="someclass">
  <li>
    <div class="divClass">
      [icon-1]
    </div>
    Some Text
  </li>

  <li>
    <div class="divClass">
      [icon-2]
    </div>
    Some Other Text
  </li>
</ul>
您可以使用以下选项:

$('.someclass.divClass')。每个(函数(){
//获取div的实际文本并删除“[]”
var val=$(this.text().replace(/\[\]/g,”);
//检查字符串是否有数字
如果(val.match(/\d+/g)!==null){
//如果为true,则将类设置为prev文本并添加img标记
$(this.addClass(val.html)(“”);
}
})
.icon-1{
背景:紫色;
}
.icon-2{
背景:红色;
}

  • [图标-1] 一些文本
  • [图标-2] 其他一些文本
  • [图标] 其他一些文本

你好,艾哈迈德,@DaniP,谢谢你的快速回复。代码运行得很好,但我将html代码更新为以下内容:
  • [icon-1]一些文本
  • [icon-2]一些其他文本
是否有一种方法可以对
  • 应用拆分,以便在替换[icon-1]和[icon-2]时文本保持不变?一些测试。很抱歉,我不知道在StackOverFlow中评论时如何添加代码块格式。非常感谢Ahmad,你是一个救生员,它工作得很好。
    $(".someclass .divClass").each(function() {    
            var icon = [icon + number]
    
        $(".divClass:contains('icon')").text().replace('<img class="icon" src="img/path/pic.png" alt="Bullet List Icon" />');
    });
    
    var i = 1; 
        $(".someclass .divClass").each(function() {  
    
            var icon = "[icon-" + i++ +"]"; 
    
        $(".divClass:contains('"+icon+"')").html('<img class="icon" src="img/path/pic.png" alt="Bullet List Icon" />');
    });
    
    var i = 1; 
        $(".someclass li").each(function() {  
    
            var icon = "[icon-" + i++ +"]"; 
            var liText = $(this).text(); // Get all text of li element
            liText = liText.replace(icon, "");// Remove the [icon-i] string from the text. 
        $(".someclass li:contains('"+icon+"')").html('<img class="icon" src="img/path/pic.png" alt="Bullet List Icon" />'+ liText);
    });