jquery change == to contains?

Question

I'm trying to alter the code below so that if "this" contains the class "search_init", it will only replace that class, as the markup itself has multiple classes applied to it. I tried ~= and ^=, but that gives me errors about missing ().

$("tfoot input").focus( function () {
            if ( this.className == "search_init" )  {
                this.className = "";
                this.value = "";
            }
        } );

Answer 1

$("tfoot input.search_init").focus( function () {
                $(this).removeClass("search_init");
                this.value = "";
            }
        } );

~= "Selects elements that have the specified attribute with a value containing a given word, delimited by spaces." This would work, but it makes much more sense to use built in class selectors than mess with the class attribute itself. Likewise with ^=, which "Selects elements that have the specified attribute with a value beginning exactly with a given string."

Answer 2

Try this out:

$("tfoot input").focus( function () {
    var $this = $(this);
    if ( $this.hasClass("search_init") )  {
        $this.removeClass("search_int").val('');
    }
});

Answer 3

Should be a one liner:

$('tfoo input.search_init').focus(function(e) {$(this).removeClass('search_init').val('');});

As an aside, you could change the styling with a .search_init:focus css meta-class.