jquery - 基于 jQuery.html() 更改 CSS Display 属性

Question

我正在编写一个简单的脚本来检测一种语言，然后相应地更改两个菜单项的可见性。（测试网站：women.semeasy.com）

这是我写的代码：

<script type="text/javascript">
jQuery(document).ready(function(e) {


if (jQuery('#slogan').html() == 'Centro de Información'){

    jQuery('#menu-item-862').css('display', 'block !important');
    jQuery('#menu-item-743').css('display', 'none !important');

};
});
</script>

它应该做的是检查标语，看它是否是西班牙语。如果是，那么它会隐藏“En Espanol”链接并显示“In English”链接...

非常直截了当，但它不起作用:(非常感谢任何建议！

Answer 1

根据您的目的使用适当的方法

jQuery('#menu-item-862').show();
jQuery('#menu-item-743').hide();

Answer 2

您不能!important使用 jquery 申请。你需要删除它。如果需要!important，请创建一个重要的类，然后使用addClass.

Answer 3

假设你的代码是你能做的最好的（有更强大的方法来检测区域语言），考虑改变

jQuery('#slogan').html() == 'Centro de Información')

进入

jQuery.trim(jQuery('#slogan').text()) === 'Centro de Información')

我认为这稍微更可靠。