检查页面上是否有特定的glyphicon，如果是 - 更改为其他内容

Question

我正在尝试创建一个功能，检查页面上是否有特定的glyhphicon，如果是，我希望它显示其他内容。

这是我的代码，但没有运气

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')，我们可以看到它是否与您要替换的glyphicon相匹配，并按照您的描述更改它的值。

贝娄是一个有效的例子。

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>

Answer 2

$('.glyphicon-ok').each(
    function(){
         $(this).parent().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 3

您可以使用jQuery hasClass（）函数来检查元素是否具有指定的类。此函数返回true / false。

if($(this).hasClass("glyphicon-ok")) {
    // do something
}