掃二維碼與項目經(jīng)理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
在jQuery中,我們可以通過多種方式獲取li的值,以下是一些常見的方法:

創(chuàng)新互聯(lián)于2013年開始,先為平武等服務(wù)建站,平武等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為平武企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
1、使用.text()方法獲取li的文本值
.text()方法是jQuery中最常用的方法之一,用于獲取或設(shè)置元素的文本內(nèi)容,要獲取li元素的文本值,只需將該方法應(yīng)用于li元素即可。
jQuery獲取li的值
在這個示例中,我們創(chuàng)建了一個包含三個li元素的無序列表,當用戶點擊“獲取li的值”按鈕時,我們將使用.text()方法遍歷所有l(wèi)i元素并打印它們的文本值。
2、使用.val()方法獲取li的值(適用于下拉列表)
.val()方法通常用于表單元素,如輸入框和下拉列表,要獲取下拉列表中選中的li的值,我們可以使用以下代碼:
jQuery獲取li的值(下拉列表)
在這個示例中,我們創(chuàng)建了一個包含三個選項的下拉列表,當用戶點擊“獲取li的值”按鈕時,我們將使用.val()方法獲取選中的li的值并打印出來。
3、使用.attr()方法獲取li的值(適用于自定義屬性)
如果我們?yōu)閘i元素添加了自定義屬性,可以使用.attr()方法獲取這些屬性的值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF8">
<meta name="viewport" content="width=devicewidth, initialscale=1.0">
<title>jQuery獲取li的值(自定義屬性)</title>
<script src="https://code.jquery.com/jquery3.6.0.min.js"></script>
</head>
<body>
<ul>
<li dataid="1">蘋果</li>
<li dataid="2">香蕉</li>
<li dataid="3">橙子</li>
</ul>
<button id="getValue">獲取li的值</button>
<script>
(document).ready(function(){
(#getValue).click(function(){
(li).each(function(){
(console.log($(this).attr('dataid'));)})})})})</script>
</body>

我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流