Rumah > Artikel > hujung hadapan web > Contoh pemilihan dinamik menggunakan pembolehubah dalam Jquery selector_jquery

Contoh pemilihan dinamik menggunakan pembolehubah dalam Jquery selector_jquery

WBOYasal: 2016-05-16 16:41:161515semak imbas

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>

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>

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

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

ditukar kepada

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

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

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Sisipkan elemen pada kedudukan tertentu dalam tatasusunan JS pada petua index_javascript tertentuArtikel seterusnya：Sisipkan elemen pada kedudukan tertentu dalam tatasusunan JS pada petua index_javascript tertentu

Artikel berkaitan

Lihat lagi