suchen

Heim >Web-Frontend >js-Tutorial >Beispiel einer dynamischen Auswahl mithilfe von Variablen in Jquery selector_jquery

Beispiel einer dynamischen Auswahl mithilfe von Variablen in Jquery selector_jquery

WBOY
WBOYOriginal
2016-05-16 16:41:161582Durchsuche

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

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

Beispiel 3: Probleme, auf die Sie achten sollten, wenn Sie Variablen in Selektorparametern in jQuery verwenden

Dies ist der Originalcode

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);

Was implementiert ist, ist die Schlüsselwortersetzung, sie wird jedoch nicht mehr in der dritten Zeile ausgeführt. Das Debuggen und Ersetzen funktioniert nicht. Ich habe von morgens bis jetzt in verschiedenen Gruppen Fragen gestellt, und schließlich ... Meister Lomu aus unserem Basislager brach in Tränen aus:

Ihre Schreibweise ist falsch

Anschluss erforderlich

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

wurde in
geändert 

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

Der Schlüssel ist, dass draußen Anführungszeichen stehen

Es gibt Anführungszeichen, die als Zeichenfolgen behandelt werden

Um ehrlich zu sein, habe ich das Gefühl, dass jetzt etwas Grundlegendes nicht stimmt, und ich kann das Problem nicht einfach dadurch finden, dass ich es selbst debugge. Zum Beispiel habe ich die Nummer gerade noch nie gesehen, als ich sie gelesen habe. Baidu weiß nicht, bei welchen Schlüsselwörtern dieser Fehler auftritt. Ich weiß wirklich nicht, dass Sie bei der Verwendung von Variablen in einem Selektor auch das Vorzeichen verwenden müssen. „Sharp jQuery“ sagt nicht klar, dass Sie bei der Verwendung von Variablen im Selektor auch das Vorzeichen verwenden müssen, einschließlich unserer w3cschool .

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Fügen Sie ein Element an einer bestimmten Position in einem JS-Array an einem bestimmten index_javascript-Tipp einNächster Artikel：Fügen Sie ein Element an einer bestimmten Position in einem JS-Array an einem bestimmten index_javascript-Tipp ein

In Verbindung stehende Artikel

Mehr sehen