2011-02-17 78 views
0

是否有可能为Jquery添加一个类到链接,说更多自动阅读?Jquery阅读更多链接添加类

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

+1

Yahh,它的可能。但请分享一些您想要更改的代码。 –

+0

?? “阅读更多”是什么意思? – Thariama

+0

@Thariama:认为WordPress的,点击'阅读更多>>'类型的链接显示该帖子的其余部分。 –

回答

3

没错:

$('a:contains("read more")').addClass('newlyAddedClass'); 

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

+0

我尝试了上面的类,但由于某种原因似乎不适用。一个示例链接将是'code' Read More »'代码' – Hue

+0

@Matt:您是否注意到我所说的部分?'[它是]区分大小写'?如果它仍然不起作用,请将您正在使用的[JS小提琴](http://jsfiddle.net/)演示放在一起,然后我会看一看。 –

+0

它的工作原理!它是区分大小写的。看看这个jsFiddle:http://jsfiddle.net/dDbEu/1/。 – codea

0

尝试一些class和id

..A HREF = “---” 类= “myreadmore” ID = “myreadmore”>了解更多../一>

  with class 

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

      with id 

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

或使用

contains("Read More »") 

检查以前anwere

参考http://api.jquery.com/contains-selector/ 为包含选择

0

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

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

然后可以使用的戴维·托马斯的代码稍加修改的版本:

$('a:Contains("read more")').addClass('newlyAddedClass'); 

这将区分不区分大小写匹配“更多”一切(也如此“更多”,“更多”等)

在以下问题中找到选择器:Is there a case insensitive jQuery :contains selector?

相关问题