jQuery Girl
  1. jQuery Girl
  3. addClass à un certain identifiant après une réponse ajax avec json
Intereting Posts
Interrogation des modifications de la firebase database: SqlDependency, SignalR is Good Boucle à travers des éléments dans une variable JQuery: Cacher les enfants, montrer le nth enfant? Comment afficher les données uniquement dans la fenêtre Comment utiliser la même fonction JavaScript sur plusieurs éléments de sélection avec des identifiants différents Créer un concepteur de page Web en ligne en utilisant jquery, est-ce difficile? jQuery fonctionne sur ma page, mais firebug dit que $ n’est pas une erreur définie. Pourquoi et comment l’éviter? Comment puis-je masquer les points affichés sur le graphique? jqgrid – double-cliquer sur une ligne sélectionne la ligne dans IE8 Comment modifier le nombre de tweets chargés dans mon widget JQuery? Le composant de visualisation ne détecte pas / ne retourne pas la demande Ajax lors du 2e envoi Attendez que iframe soit chargé avant que la prochaine fonction ne soit déclenchée? Besoin d’aide pour identifier pourquoi la suppression d’un élément et de son contenu dans jQuery ne fonctionne pas Comment accédez-vous à un atsortingbut de modèle dans jQuery? Avoir des problèmes avec le graphique à barres jqPlot

addClass à un certain identifiant après une réponse ajax avec json

Je veux appliquer la classe addClass à un élément ayant un id spécifique. Qui est rendu par ajax au format json .

js 

 $(document).on('blur', '.autosave', function(e) { e.preventDefault(); $.ajax({ type: 'POST', url: 'inc/products_autosave.php', data: { id: $(this).prop('id'), val: $(this).val() }, dataType:'json', success: function(resp) { console.log(resp); //debug if(resp.sql=='ok'){ $('#'+resp.id).addClass('has-success animate bounce'); alert(resp.sql+' - '+id); }else{ alert(resp.sql+' - '+id); } } }); });

JSON 

 {sql: "ok", id: "prd_title_en|3"}

html 

  00003

Idéalement, je veux append la classe has-success , animate et bounce à l’entrée #prd_title_en|3 . Mais il continue à dire Uncaught Error: Syntax error, unrecognized expression: #prd_title_en|3

Le problème est dû à la | personnage. À partir de la documentation jQuery:

Pour utiliser n’importe lequel des méta-caractères (tels que! “# $% & ‘() * +,. / :; <=>? @ [] ^` {|} ~) En tant que partie littérale d’un nom, il doit être échappé avec deux barres obliques inverses http://api.jquery.com/category/selectors/

Pour append les caractères d’échappement, vous pouvez utiliser replace() , comme ceci: 

 var resp = { sql: "ok", id: "prd_title_en|3" } if (resp.sql == 'ok') $('#' + resp.id.replace('|', '\\|')).addClass('has-success animate bounce'); console.log(resp.sql + ' - ' + resp.id); 
 .has-success { color: #0C0; } 
  
 
 00003

Vous ne pouvez pas utiliser le tuyau | caractère dans un sélecteur jQuery, il a une signification particulière. Vous aurez besoin d’échapper au tuyau avec deux barres obliques inverses, comme ceci: 

 $('#prd_title_en\\|3');

Dans votre cas, vu que cela fait partie de la réponse, vous devrez probablement faire un ssortingng.replace sur le tuyau pour y échapper: 

 var escapedId = resp.id.replace('|', '\\|'); $('#'+escapedId);

Voir http://api.jquery.com/category/selectors/ pour plus d’informations sur les sélecteurs jQuery.