首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >添加类的Jquery read more链接

添加类的Jquery read more链接
EN

Stack Overflow用户
提问于 2011-02-17 20:01:05
回答 3查看 606关注 0票数 0

Jquery有没有可能在链接中添加一个自动阅读更多内容的类?

我想在一个CMS中使用它,并通过添加一个类自动将任何阅读更多链接变成一个按钮。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-02-17 20:05:06

是的:

代码语言:javascript
复制
$('a:contains("read more")').addClass('newlyAddedClass');

这会将类“newlyAddedClass”添加到包含字符串“read more”的每个元素中,它区分大小写,并依赖于:contains()伪选择器。

票数 3
EN

Stack Overflow用户

发布于 2011-02-17 20:57:47

尝试某个类或id

..a href=“-”class="myreadmore“id=”myreadmore“>阅读更多../a>

代码语言:javascript
复制
            with class

            $('.myreadmore').addClass("myclass");   

            with id

            $('#myreadmore').addClass("myclass");   

或使用

代码语言:javascript
复制
contains("Read More »")

检查以前的anwere

有关包含选择器的信息,请参阅http://api.jquery.com/contains-selector/

票数 0
EN

Stack Overflow用户

发布于 2011-02-17 21:13:22

下面的代码将向jQuery添加一个不区分大小写的Contains (请注意大写C)选择器

代码语言:javascript
复制
jQuery.expr[':'].Contains = function(a,i,m){
  return (a.textContent || a.innerText || "").toLowerCase().indexOf(m[3].toLowerCase())>=0;
};

然后,您可以使用对David Thomas的代码稍作修改的版本:

代码语言:javascript
复制
$('a:Contains("read more")').addClass('newlyAddedClass');

大小写将不敏感地将所有内容与"read more“匹配(所以还有"Read More","rEAd More”等)

在以下问题中找到选择器:

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5028651

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档