資料結構
聯網
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會科學
時尚設計學
法律學jQuery 混雜 get() 方法
jQuery 中的 get() 方法用來獲取與選擇器匹配的 DOM 元素。
語法
語法如下 −
$(selector).get(index)
上面，index 指定了要獲取的匹配元素中的哪一個。
我們現在來看一個實現 jQuery get() 方法 的示例 −
示例
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var res = $("li").get(2);
$("span").text(res.innerHTML);
});
});
</script>
</head>
<body>
<h2>Devices</h2>
<ol>
<li>TV</li>
<li>Laptop</li>
<li>Headphone</li>
<li>Earphone</li>
<li>SSD</li>
</ol>
<button>3rd li element</button><br>
<span></span>
</body>
</html>輸出
這將生成以下輸出 −
現在，點選按鈕 −
示例
我們現在看另一個示例 −
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var res = $("li").get(4);
$("span").text(res.innerHTML);
});
});
</script>
</head>
<body>
<h2>Devices</h2>
<ol>
<li>TV</li>
<li>Laptop</li>
<li>Headphone</li>
<li>Earphone</li>
<li>SSD</li>
</ol>
<button>5th li element</button><br>
<span></span>
</body>
</html>輸出
這將生成以下輸出 −
點選第 5 個 li 元素 −
更新於: 31-12-2019
102 次瀏覽
廣告