jquery change == contient?

Question

J'essaie de modifier le code ci-dessous de sorte que si "this" contient la classe "search_init", il ne fera que remplacer cette classe, car le balisage lui-même a plusieurs classes qui lui sont appliquées. J'ai essayé ~ = et^=, mais cela me donne des erreurs à propos de missing().

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

Answer 1

Essayez ceci:

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

Answer 2

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

~ = « sélectionne les éléments qui ont l'attribut spécifié avec une valeur contenant un mot donné, délimité par des espaces. » Cela fonctionnerait, mais il est beaucoup plus logique d'utiliser des sélecteurs de classe intégrés plutôt que d'utiliser l'attribut de classe lui-même. De même avec^=, qui "sélectionne les éléments qui ont l'attribut spécifié avec une valeur commençant exactement avec une chaîne donnée".

Answer 3

devrait être une seule ligne:

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

En aparté, vous pouvez changer le style avec une .search_init:focus méta classe css.