Jqueryの変数を使用した動的選択の例 selector

Jqueryの変数を使用した動的選択の例 selector_jquery

WBOY

リリース： 2016-05-16 16:41:16

オリジナル

1545 人が閲覧しました

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

ログイン後にコピー

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

ログイン後にコピー

例 3、jQuery のセレクターパラメーターで変数を使用するときに注意すべき問題

これが元のコードです

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

ログイン後にコピー

実装されているのはキーワード置換ですが、3行目で実行されなくなり、デバッグが機能しなくなります。朝からさっきまで色々なグループで質問してきましたが、最後に…ベースキャンプのマスター・ロムが泣き崩れました：

あなたの書き方は間違っています

コネクタが必要です

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

ログイン後にコピー

が
に変更されました

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

ログイン後にコピー

重要なのは、外側に引用符があることです

文字列として扱われる引用符があります

正直に言うと、今は基本的なことが間違っているような気がします。自分でデバッグしただけでは問題を見つけることができません。例えば、今の数字を読んだときに見たことがありません。 Baidu は、どのキーワードでこのエラーが発生するのかを知りません。セレクターで変数を使用するときに記号も使用する必要があることは、w3cschool を含め、「Sharp jQuery」にはセレクターで変数を使用するときに記号も使用する必要があるとは明確に記載されていません。。