【问题标题】:Find link href value # and add class找到链接href值#并添加类
【发布时间】:2018-01-16 10:45:53
【问题描述】:

我遇到了一个问题。在我的项目中,一些href值有一个链接,有些是#.当我尝试鼠标悬停时,然后是css鼠标属性光标指针。我想在href值为#时添加类,以便在鼠标悬停光标默认值后我想找到所有值为#的链接href。

如果href值为#,则添加类,否则在每次页面更改时删除类。

我正在尝试解决,但我没有找到一些错误...

这是我的代码

$('body').on('change', function() {

   $(this).find('[href="#"]').addClass('cusrorDefault');

}

请帮我解决这个问题

【问题讨论】:

  • $('body').on('change', function() { 必须是 $('body').on('load', function() {。没有什么比得上body onchange
  • 为什么是 JavaScript,为什么是额外的类?为什么不直接在样式表中使用[href="#"] 选择器来实现这一点?
  • 感谢您的回复.. 实际上我从没想过选择器。

标签: jquery href


【解决方案1】:

你不需要使用jQuery,使用CSS,你可以轻松解决所有页面的这个问题

a[href="#"]
{
  text-decoration: none;
  cursor: default;
 }
<a href="#">Link</a>
<a href="https://stackoverflow.com/">Link</a>
<a href="#">Link</a>
<a href="https://stackoverflow.com/">Link</a>

【讨论】:

  • 感谢您的回答。但我不想禁用元素中的所有事件。只想更改光标指针属性。我找到了使用 css 选择器的解决方案。谢谢
【解决方案2】:

除非您有特定原因使用jquery,否则请使用css

a[href="#"] {
  color:red;
}

【讨论】:

  • 不错的解决方案。+1。也删除了我的答案。
【解决方案3】:
$(document).ready(function(){
  $('a').each(function(){
     var href = $(this).attr("href");
     if(href == "#"){
        $(this).addClass('cusrorDefault');
     }else{
        $(this).removeClass('cusrorDefault');
     }
  });
});

【讨论】:

  • 感谢您的回答。我找到了使用 CSS 选择器的解决方案
猜你喜欢
  • 2012-01-23
  • 1970-01-01
  • 2014-01-18
  • 2020-11-16
  • 1970-01-01
  • 1970-01-01
  • 2012-06-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多