选择内容以'+'开头的所有<a>元素

Question

i want to select all the elements where its content starts with + with jquery, how can i do that?

example:

<a href="/" >+ Add</a>

Answer 1

You can use filter() from jQuery:

$("a").filter(function() {
    return $.trim(this.innerHTML).indexOf("+") === 0;
}). ...

DEMO: http://jsfiddle.net/4rgNw/

Answer 2

Here is an alternate, more CSS-driven approach, you can even let your CSS handle adding the plus symbol. Checking a class will scale far better than checking the innerHTML of an element, this only really matters if you have a significant amount of + links though.

jsFiddle

HTML

<a href="/" class="add">Add</a>
<a href="/" class="add">Add</a>

CSS

.add:before { content:"+ "; }

jQuery

var addLinks = $('.add');

// or pure JS (faster if you only desire the DOM objects)
addLinks = document.getElementsByTagName('add');

Answer 3

In CSS3 there's a :contains() selector that also might be of use.

$('a:contains("+ ")').....

As an example.. Not exactly what you are looking for, yet might turn out to be useful.

Answer 4

var links = document.links, l = links.length, i, plus = [];
for (i = 0; i < l;i++){
    if(/\+\w/(links[i].textContent))plus.push(links[i]);
};

Edit:

var links = document.links, l = links.length, i, plus = [];
for (i = 0; i < l;i++){
    if(/\+\w/.test(links[i].textContent))plus.push(links[i]);
};