2011-02-17 89 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?

相關問題