第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

jQuery id選擇器僅適用于第一個(gè)元素。

jQuery id選擇器僅適用于第一個(gè)元素。

jQuery id選擇器僅適用于第一個(gè)元素。我有3個(gè)具有相同ID的按鈕,當(dāng)他被點(diǎn)擊時(shí),我需要得到每個(gè)按鈕的值。<button id="xyz" type="button" class="btn btn-primary" value="1">XYZ1</button><button id="xyz" type="button" class="btn btn-primary" value="2"> XYZ2</button><button id="xyz" type="button" class="btn btn-primary" value="3">XYZ3</button>這是我的電流jQuery劇本:$("#xyz").click(function(){       var xyz = $(this).val();       alert(xyz);});但它只適用于第一個(gè)按鈕,對(duì)其他按鈕的單擊將被忽略。
查看完整描述

3 回答

?
小怪獸愛(ài)吃肉

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超1個(gè)贊

我有三個(gè)有相同身份的按鈕.。

如果HTML無(wú)效,則同一頁(yè)中不能有多個(gè)具有相同元素的元素。id.

引用規(guī)范:

7.5.2 元素標(biāo)識(shí)符:id和類屬性

ID=姓名[CS]
此屬性為元素指定名稱。此名稱在文檔中必須是唯一的。

*改變idclass,

<button type="button" class="btn btn-primary xyz" value="1">XYZ1</button><button type="button" class="btn btn-primary xyz" value="2">
XYZ2</button><button type="button" class="btn btn-primary xyz" value="3">XYZ3</button>

jQuery代碼:

$(".xyz").click(function(){
    alert(this.value);
    // No need for jQuery :$(this).val() to get the value of the input.});

但它只適用于第一個(gè)按鈕。

jQuery#id選擇器博士:

每個(gè)id值只能在文檔中使用一次。如果已為多個(gè)元素分配了相同的ID,則使用該ID的查詢只會(huì)選擇DOM中的第一個(gè)匹配元素。但是,不應(yīng)依賴此行為;使用相同ID的多個(gè)元素的文檔無(wú)效。

如果您查看jQuery源代碼,您可以在調(diào)用時(shí)看到$使用id選擇器-($("#id")),jQuery調(diào)用本機(jī)javascriptdocument.getElementById職能:

// HANDLE: $("#id")} else {
    elem = document.getElementById( match[2] );}

不過(guò),在規(guī)格document.getElementById他們沒(méi)有提到它必須返回的第一個(gè)值,這是如何大多數(shù)(也許所有?)瀏覽器實(shí)現(xiàn)了它。

演示


查看完整回答
反對(duì) 回復(fù) 2019-06-23
?
尚方寶劍之說(shuō)

TA貢獻(xiàn)1788條經(jīng)驗(yàn) 獲得超4個(gè)贊

ID的意思是“標(biāo)識(shí)符”,每個(gè)文檔只有效一次。因?yàn)槟腍TML在這一點(diǎn)上是錯(cuò)誤的,一些瀏覽器選擇第一個(gè),一些最后出現(xiàn)的元素使用該ID。

更改名稱的ID將是一個(gè)很好的步驟。

然后使用$('button[name="xyz"]').click(function(){


查看完整回答
反對(duì) 回復(fù) 2019-06-23
?
長(zhǎng)風(fēng)秋雁

TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超7個(gè)贊

根據(jù)我的經(jīng)驗(yàn),如果你用$('button#xyz')選擇器相反,它將工作。這是一個(gè)黑客,但它仍然是無(wú)效的HTML。


查看完整回答
反對(duì) 回復(fù) 2019-06-23
  • 3 回答
  • 0 關(guān)注
  • 1187 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)