> 웹 프론트엔드 > JS 튜토리얼 > jquery에서 id 값을 얻는 방법 요약

jquery에서 id 값을 얻는 방법 요약

伊谢尔伦
풀어 주다: 2017-06-19 14:57:40
원래의
7289명이 탐색했습니다.

html 페이지의 일부 요소는 이 페이지에 대한 고유 ID를 가질 수 있습니다. 다음은 jquery를 사용하여 ID 값을 얻는 방법에 대한 요약입니다. jquery를 배우시는 모든 분들께 도움이 되었으면 좋겠습니다.

<div id="product_shift_out_{m}"> </div>
<script language = "JavaScript" type="text/javascript">
$(document).ready(function(){
name = $(&#39;div&#39;).eq(0).attr(&#39;id&#39;);
alert(name)
});
</script>
로그인 후 복사

eq(0)은 첫 번째 jq 요소를 가져오는 것입니다. . .

eq(index)
주어진 index

과 일치하는 요소와 해당 인덱스로 단일 요소와 일치합니다.
Return value
Element

Parameters
index(숫자): 0부터 계산

Example
Find The 두 번째 줄

다른 ID의 값을 가져옵니다

<script src="js/jquery.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
var len = $("#group span").size();//获取span标签的个数
var arr = [];
for(var index = 0; index < len-1; index++){//创建一个数字数组
arr[index] = index;
}
$.each(arr, function(i){//循环得到不同的id的值
var idValue = $("#group span").eq(i).attr("id");
if(idValue != &#39;&#39;){
alert(idValue);
}
});
});
//-->
</script>
<span id="group">
<span id="0_1">aaa,
<span group_id="0_1" class="icon_close"> </span>
</span>
<span id="0_2">bbb,
<span group_id="0_2" class="icon_close"> </span>
</span>
<span id="0_3">ccc,
<span group_id="0_3" class="icon_close"> </span>
</span>
<span id="0_4">ddd,
<span group_id="0_4" class="icon_close"> </span>
</span>
<span id="0_5">eee,
<span group_id="0_5" class="icon_close"> </span>
</span>
</span>
로그인 후 복사

이 방법으로 원하는 모든 ID를 얻을 수 있습니다:

0_1
0_2
0_3
0_4
0_5
로그인 후 복사

텍스트 상자, 텍스트 영역 코드:

$("#txt").attr("value",&#39;&#39;);//清空内容
$("#txt").attr("value",&#39;11&#39;);//填充内容
로그인 후 복사

다중 선택 상자 확인란 코드:

$("#chk1").attr("checked",&#39;&#39;);//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr(&#39;checked&#39;)==undefined) //判断是否已经打勾
로그인 후 복사

위 내용은 jquery에서 id 값을 얻는 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿