ホームページ > 記事 > ウェブフロントエンド > Jqueryの変数を使用した動的選択の例 selector_jquery

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

WBOYオリジナル: 2016-05-16 16:41:161515ブラウズ

例 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」にはセレクターで変数を使用するときに記号も使用する必要があるとは明確に記載されていません。。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JS 配列内の指定された位置、特定のインデックスに要素を挿入する_JavaScript ヒント次の記事：JS 配列内の指定された位置、特定のインデックスに要素を挿入する_JavaScript ヒント

続きを見る

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

関連記事