recherche

Maison  >  Article  >  interface Web  >  Exemple de sélection dynamique utilisant des variables dans Jquery selector_jquery

Exemple de sélection dynamique utilisant des variables dans Jquery selector_jquery

WBOY
WBOYoriginal
2016-05-16 16:41:161545parcourir

Exemple 1 : 

<table>
  <tr>
    <th>用户名</th>
    <th>状态</th>
  <tr>
  <tr>
    <td>张三</td>
    <td data-uid="10000">正常</td>
  <tr>
  <tr>
    <td>李四</td>
    <td data-uid="10001">冻结</td>
  <tr>
  <tr>
    <td>王二麻子</td>
    <td data-uid=10002>冻结</td>
  <tr>
</table>

<script type="text/javascript">
$(document).ready(function(){
  var uid = 1001;
  $("td[data-uid = "+ uid +"]").html('正常');
}
</script>

Exemple 2 : 

<script type="text/javascript">
 $(function(){
  alert(123);
  var v=4;
  var test=$("input[type='radio'][value='"+v+"']");//直接拼接字符串就可以了
  console.info(test);
  var testValue=test.attr({"checked":true});
  console.info(testValue);
 }); 
 </script>
 
 <body>
  This is my JSP page. <br>
  <table>
 <tr>
 <td>性别：</td>
 <td>
  <input name="sex" type="radio" value="0"/>男 0
  <input name="sex" type="radio" value="1"/>女 1
  <input name="sex" type="radio" value="2"/>女 2
  <input name="sex" type="radio" value="3"/>女 3
  <input name="sex" type="radio" value="4"/>女 4
 </td>
 </tr>
  </table>
 </body>

Exemple 3, problèmes auxquels vous devez prêter attention lors de l'utilisation de variables dans les paramètres du sélecteur dans jQuery

Voici le code original

var li_index = $(this).index();

var $content_index = li_index + 2;

var $content_progress = $(“div.content:eq(” + $content_index + “)”);

var $newavalue = $(this).find(“a”).attr(“name”);

var $resource = $(this).find(“a”).html().replace(“首页”,$newavalue);

var $afterresource = $resource.replace($newavalue,””);

var $afterresource = $newavalue + $afterresource.replace(“首页”,$newavalue);

Ce qui est implémenté est le remplacement de mots clés, mais il n'est plus exécuté sur la troisième ligne. Le débogage et le remplacement ne fonctionneront pas. J'ai posé des questions dans différents groupes depuis le matin jusqu'à tout à l'heure, et finalement... Maître Lomu de notre camp de base a fondu en larmes :

Votre écriture est fausse

Nécessite un connecteur

$(“div.content:nth-child($content_index)”);

a été remplacé par 

$(“div.content:nth-child(” + $content_index + “)”);

La clé est qu'il y a des guillemets à l'extérieur

Il existe des guillemets qui sont traités comme des chaînes

Pour être honnête, j’ai l’impression que quelque chose de fondamental ne va pas maintenant, et je ne peux pas trouver le problème simplement en le déboguant moi-même. Par exemple, je n'ai jamais vu le numéro à l'instant où je le lis. Baidu ne sait pas sur quels mots-clés cette erreur se produit. Je ne sais vraiment pas que lorsque vous utilisez des variables dans un sélecteur, vous devez également utiliser le signe. Le "Sharp jQuery" ne dit pas clairement que lorsque vous utilisez des variables dans le sélecteur, vous devez également utiliser le signe, y compris notre w3cschool. .

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Insérer un élément à une position spécifiée dans un tableau JS à un index_javascript spécifiqueArticle suivant：Insérer un élément à une position spécifiée dans un tableau JS à un index_javascript spécifique

Articles Liés

Voir plus