Beispiel einer dynamischen Auswahl mithilfe von Variablen in Jquery selector

Beispiel einer dynamischen Auswahl mithilfe von Variablen in Jquery selector_jquery

WBOY

Freigeben： 2016-05-16 16:41:16

Original

1552 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

wurde in
geändert

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

Nach dem Login kopieren

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 .