Javascript 比较jquery中div的内容，为什么它不'；不行？ 某物 ：：之前 sth2 sth2 var titleToHide=$（'.header1 span'）.html（）； titleToHide=titleToHide.replace（“：：在“，”之前）； titleToHide.trim（）； var titleToCompare=$（'.pure-menu-link'）.html（）； 标题比较修剪（）； if（titleToHide==titleToCompare）{ $（'.pure menu link'）.hide（）； };

我试图比较header1和纯菜单链接中span的内容，当header1为空时，我需要隐藏p-m-l元素。为什么它不起作用？

这个问题是由于两个

html（）

值之间的空格差异造成的

trim（）

是在比较之前去除任何多余空格的正确方法，但您需要使用其输出更新变量，如下所示：

var titleToCompare=$（'.pure-menu-link'）.html（）；
var titleToHide=$（'.header1 span'）.html（）.replace（'：：在'，''）之前）；
//请注意控制台中的空白差异。。。
控制台日志（标题侧）；
控制台日志（标题比较）；
//使用trim（）修复此问题
titleToHide=titleToHide.trim（）；
titleToCompare=titleToCompare.trim（）；
if（titleToHide==titleToCompare）{
$（'.pure menu link'）.hide（）；
};

某物
：：之前
sth2
sth2
问题是由于两个
html（）
值之间的空格差异造成的
trim（）
是在比较之前去除任何多余空格的正确方法，但您需要使用其输出更新变量，如下所示：


var titleToCompare=$（'.pure-menu-link'）.html（）；
var titleToHide=$（'.header1 span'）.html（）.replace（'：：在'，''）之前）；
//请注意控制台中的空白差异。。。
控制台日志（标题侧）；
控制台日志（标题比较）；
//使用trim（）修复此问题
titleToHide=titleToHide.trim（）；
titleToCompare=titleToCompare.trim（）；
if（titleToHide==titleToCompare）{
$（'.pure menu link'）.hide（）；
};

某物
：：之前
sth2
sth2
您需要将trim（）的结果分配回something trim（）不执行就地操纵它返回操纵值您需要将trim（）的结果分配回something trim（）不执行就地操纵它返回操纵值
<div class="header1">
  sth
    <span>
      ::before
      sth2
    </span>
</div>

<div class="pure-menu-link">
  sth2
</div>
<script type="text/javascript">
      var titleToHide = $('.header1 span').html();
      titleToHide = titleToHide.replace('::before', '');
      titleToHide.trim();

      var titleToCompare = $('.pure-menu-link').html();
      titleToCompare.trim();

      if (titleToHide === titleToCompare){
            $('.pure-menu-link').hide();
      };
</script>