jquery change == содержит?

Question

Я пытаюсь изменить приведенный ниже код так, чтобы, если «this» содержал класс «search_init», он заменял только этот класс, поскольку к самой разметке применено несколько классов. Я попытался ~ = и ^ =, но это дает мне ошибки об отсутствии ().

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

Answer 1

Попробуйте это:

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

Answer 2

Должен быть один лайнер:

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

Кроме того, вы можете изменить стиль с мета-классом .search_init:focus css.

Answer 3

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

~ = "Выбирает элементы, которые имеют указанный атрибут со значением, содержащим данное слово, разделенные пробелами." Это бы сработало, но гораздо разумнее использовать встроенные селекторы классов, чем связываться с самим атрибутом класса. Аналогично с ^ =, который "Выбирает элементы, которые имеют указанный атрибут со значением, начинающимся точно с данной строки."