집 > 기사 > 웹 프론트엔드 > Jquery selector_jquery에서 변수를 사용한 동적 선택의 예

Jquery selector_jquery에서 변수를 사용한 동적 선택의 예

WBOY원래의: 2016-05-16 16:41:161546검색

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

구현된 것은 키워드 교체인데, 세 번째 줄에서는 더 이상 실행되지 않고 디버깅도 되지 않습니다. 아침부터 지금까지 여러 그룹에서 질문을 하다가 드디어... 우리 베이스캠프의 로무 스승님께서 눈물을 흘리셨습니다:

글이 잘못되었습니다

커넥터 필요

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

이
으로 변경되었습니다.

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

핵심은 밖에 따옴표가 있다는 점

문자열로 취급되는 따옴표가 있습니다

솔직히 지금은 뭔가 기본적인 것이 잘못된 것 같고, 직접 디버깅하는 것만으로는 문제를 찾을 수 없습니다. 예를 들어, 지금 막 읽었을 때 그 숫자를 본 적이 없습니다. 바이두는 이 오류가 어떤 키워드에서 발생하는지 알 수 없습니다. 선택기에서 변수를 사용할 때 기호도 사용해야 한다는 사실은 잘 모르겠습니다. "Sharp jQuery"에서는 선택기에서 변수를 사용할 때 w3cschool을 포함하여 기호도 사용해야 한다고 명확하게 말하지 않습니다. .

성명：

이전 기사：특정 index_javascript 팁에서 JS 배열의 지정된 위치에 요소를 삽입합니다.다음 기사：특정 index_javascript 팁에서 JS 배열의 지정된 위치에 요소를 삽입합니다.

Jquery selector_jquery에서 변수를 사용한 동적 선택의 예

관련 기사