Working with Jquery. How to change css class of an element in same root

Question

I want to change css class of an element on certain event in jquery. eg.

            focusin: function()
                {
                    if(this.val()=="First Name")
                        $(this).find("span ").css
                }

$(this).find("span which contains _set").class= mycssclass here I want to change the CSS class of span element whose id contains "_set" as a part of substring in class name and also want to change the text i.e. InnerHtml property of javascript of this span element

Answer 1

.removeClass() + .addClass() should do the trick

Answer 2

something like this

$("span[id*='_set']").toggleClass("newcssclass").text("new text").

regards

Answer 3

where does it contains "_set" in the ID ,CLASS or in the innterHTML ?

to look for some string in the innerHTML you need to use something like this:

$("span:contains('_set')").toggleClass("yourcustomclass").html("blabla")

if the "_set" is in the ID or in the class use it like "hworangdo" told you. In your case:

$("span[id*='_set']").toggleClass("yourcustomclass").text("new text").

why are you using "$(this)" before the ".find()" in your example?