当Javascript InnerText值符合语句时的火灾事件

Question

我正在尝试获取innerText值并在if语句中使用它。像这样的东西： 超文本代码

<div class="demo">
  <h2 id="txt"><i class="fa fa-male" aria-hidden="true" id="icon"></i>
    Male
</h2>
</div>

Javascript代码：

    var parentdiv = $( "#txt" ).text();
    if (parentdiv == 'Male'){
      $( "#icon" ).attr( "class", "fa fa-male" );
    }else {
      $( "#icon" ).attr( "class", "fa fa-female" );
    }

它不起作用的原因？请给我一个解决方案。谢谢。

Answer 1

检索到的文本内容在两端都包含空格，因此请使用String#trim或jQuery.trim()方法替换尾随和前导空格。

var parentdiv = $( "#txt" ).text().trim();
// or
var parentdiv = $.trim($( "#txt" ).text());