ansaurus

Question

Answer 1

A:

You can use:

$("[class^='edit-text-'], [class^='edit-html-']")

Note that this isn't exactly the same. For one, it will not work if you have multiple classes.

If you are cautious about performance, a much better solution is to add another class to all elements:

<em class="edit-text-44 edit-text">

Then, you can simply use:

$(".edit-text, .edit-html")

Kobi 2010-06-03 09:59:34

Looking again, this only works if this is the only class, class can have multiple values, so my answer isn't exactly the same. `*=` may be more fitting, but has other problems.

Kobi 2010-06-03 10:03:26

Yes I just noticed that it doesn't work for multiple class, shall I stick with the filter way then?

fire 2010-06-03 10:04:37

Well, no. If you're worried about performance, it is best to add a single class to these elements, and lose the number (or use both: `class="edit-html edit-html-4"`

Kobi 2010-06-03 10:06:47

Sorry Kobi it must support multiple class

fire 2010-06-03 10:08:58

Good. The best option is to **add another class**.

Kobi 2010-06-03 10:11:36

How do you mean?

fire 2010-06-03 10:12:26

Its better to add different/custom attribute to these elements, and check for it. this will give better performance than the adding one more class.

Elangovan 2010-06-03 10:28:01

@Elangovan: That's a pretty big assumption :) Browsers have optimized finding by class *quite* a bit since it's such a common action now, don't assume what will perform better, the next *******monkey engine always changes the game.

Nick Craver 2010-06-03 10:30:00

Answer 2

A:

jQuery(document).ready(function(){ 
jQuery('body *') 
.filter(function() { 
    return this.className.match(/edit-(text|html)-\d/); 
}) 
.css({ 
    'color': '#ff0000' 
});

});

should limit it to the document body

Jan-Frederik Carl 2010-06-03 10:42:23

I suppose this answers the 2nd question

fire 2010-06-03 14:26:59

ansaurus

tags:

views:

answers:

jQuery filter selector, is this right?

related questions