Contoh pemilihan dinamik menggunakan pembolehubah dalam Jquery selector

Contoh pemilihan dinamik menggunakan pembolehubah dalam Jquery selector_jquery

WBOY

Lepaskan： 2016-05-16 16:41:16

asal

1582 orang telah melayarinya

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

Salin selepas log masuk

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

Salin selepas log masuk

Contoh 3, isu yang perlu anda perhatikan apabila menggunakan pembolehubah dalam parameter pemilih dalam jQuery

Ini ialah kod asal

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

Salin selepas log masuk

Apa yang dilaksanakan ialah penggantian kata kunci, tetapi ia tidak lagi dilaksanakan pada baris ketiga Penyahpepijatan dan penggantian tidak akan berfungsi. Saya telah bertanya soalan dalam pelbagai kumpulan dari pagi hingga tadi, dan akhirnya... Master Lomu dari kem pangkalan kami menangis:

Tulisan anda salah

Memerlukan penyambung

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

Salin selepas log masuk

ditukar kepada

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

Salin selepas log masuk

Kuncinya ialah terdapat tanda petikan di luar

Terdapat tanda petikan yang dianggap sebagai rentetan

Sejujurnya, saya rasa seperti ada sesuatu yang tidak kena sekarang dan saya tidak dapat mencari masalah itu hanya dengan menyahpepijatnya sendiri. Sebagai contoh, saya tidak pernah melihat nombor itu tadi apabila saya membacanya. Baidu tidak tahu apa kata kunci ralat ini berlaku. Saya benar-benar tidak tahu bahawa apabila menggunakan pembolehubah dalam pemilih, anda juga perlu menggunakan tanda "Sharp jQuery" tidak dengan jelas mengatakan bahawa apabila menggunakan pembolehubah dalam pemilih, anda juga perlu menggunakan tanda itu, termasuk w3cschool kami. .