Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:41:16
original
1545 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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);
Copier après la connexion

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)”);
Copier après la connexion

a été remplacé par

$(“div.content:nth-child(” + $content_index + “)”);
Copier après la connexion

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. .

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal