jquery - 检查页面上是否有特定的字形图标，如果有，请更改为其他字形

Question

我正在尝试创建一个函数来检查页面上是否有特定的字形图标，如果是，我希望它显示其他内容。

这是我的代码，但运气不佳

var span;
$('span').each(function(){
  if($(this).html() == 'glyphicon glyphicon-ok'){
    $(this).parent('li').html('✔').css({"color" : "blue"});
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="glyphicon glyphicon-ok"></span>

Answer 1

Jquery .attr() 方法来挽救局面

通过使用.attr()方法我们可以获得元素的任何属性。

因此，通过使用: $(this).attr('class') 我们可以查看它是否与您想要替换的字形匹配，并按照您的描述更改其值。

贝娄是一个工作示例。

var span;
$('span').each(function(){
  if($(this).attr('class') == 'glyphicon glyphicon-ok'){
    $(this).html('✔').css({"color" : "blue"});
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="glyphicon glyphicon-ok"></span>