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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Javascript如何識別點擊的按鈕

Javascript如何識別點擊的按鈕

梵蒂岡之花 2021-12-02 15:34:50
我有一個頁面,里面有很多文章。每篇文章都有一個刪除按鈕。如何識別為文章單擊的按鈕?目前我有這個:<button type="button" id="delete-article" class="btn btn-small btn-danger">Delete</button>$('#delete-article').on('click', function(e) {    console.log('Test delete article');});這會根據頁面上的文章數量記錄“測試刪除文章”。
查看完整描述

3 回答

?
夢里花落0921

TA貢獻1772條經驗 獲得超6個贊

您可以使用您的事件變量來獲取事件的目標(即負責的元素)并從那里獲取其 id,如下所示:

let btnId = event.target.id;

但是,為了使其正常工作,您應該為按鈕分配唯一的 ID。如果您想提供其他數據(或者您不想使用 id),您可以附加自定義屬性,likedata-value或 similar,并像這樣使用它:

let myValue = event.target.getAttribute('data-value');


查看完整回答
反對 回復 2021-12-02
?
慕慕森

TA貢獻1856條經驗 獲得超17個贊

您需要在文章和相應按鈕之間建立關系,一種實現方式是使用 HTML5數據屬性。分配data-articleId給按鈕元素中的文章 ID,當您單擊該按鈕時,您可以使用 Jquery.data()函數訪問單擊了哪個按鈕。


<button type="button" data-articleId='123' class="btn btn-small btn-danger delete-article">Delete</button>


$('.delete-article').on('click', function(e) {

    $(this).data('articleId'); //will return 123;

    console.log('Test delete article');

});


查看完整回答
反對 回復 2021-12-02
?
HUX布斯

TA貢獻1876條經驗 獲得超6個贊

您可以在按鈕上附加事件并使用thisobject 來引用當前單擊的按鈕:


$('button').on('click', function(e) {

    console.log(this.id);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button type="button" id="delete-article" class="btn btn-small btn-danger">Delete</button>

<button type="button" id="delete-article-2" class="btn btn-small btn-danger">Delete</button>


查看完整回答
反對 回復 2021-12-02
  • 3 回答
  • 0 關注
  • 426 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號