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

巴扎黑
풀어 주다: 2017-06-20 15:49:29
원래의
1745명이 탐색했습니다.

ID는 p, input, iframe 등을 포함하여 html 페이지의 일부 요소가 이 페이지에 대한 고유 ID를 가질 수 있다는 것입니다. 이제 알아야 할 사항이 있는 경우 jquery를 사용하여 id 값을 얻는 방법을 소개하겠습니다. 더 많은 친구들은 다음과 같이

코드를 참조할 수 있습니다.

<p id="product_shift_out_{m}"> </p>
<script language = "
JavaScript
" type="text/javascript">
$(
document
).ready(function(){
name = $(&#39;p&#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

HTML 코드의 두 번째 줄:

코드는 다음과 같습니다.

<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
로그인 후 복사

j쿼리 코드:

코드는 다음과 같습니다.

$("tr:eq(1)")

결과:

코드는 다음과 같습니다.

[
0_2

0_3

0_4

0_5

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

코드는 다음과 같습니다.

<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>
로그인 후 복사

다중 선택 상자 체크박스:

코드는 다음과 같습니다. 다음과 같습니다:

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

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

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