首頁猿問 jquery在我試圖抓取的div元...

jquery在我試圖抓取的div元素的id上得到一個“未定義”

JavaScript

慕田峪7331174 2021-12-23 14:28:59

所以我使用 JavaScript 動態生成 HTML 代碼，這些代碼加載到我的 Firebase 實時數據庫中的所有圖像中。我目前正在實現一個附加到每個圖像的按鈕，單擊該按鈕將刪除該圖像。但是，在使用標準 JavaScript 和 Jquery 多次嘗試獲取此 div 的 ID 屬性后，警報框中的 id 始終為“未定義”。檢查網頁讓我看到圖像的 id 總是加載得很好，所以我知道它在那里。JavaScript 函數來響應我的 html 'onclick 事件'function deleteFile(){var postId = $(this).closest('div').attr('id');alert("You have selected id: " + postId);var sure = confirm("Are you sure you want to delete this post?"); if(sure){ firebase.database().ref().child('Posts/' + postId).remove().then(function(){ alert("Post deleted sucessfully"); }); } };附加的圖像是在實際的 chrome 檢查器上生成的 html。ID當然都是唯一的。

查看完整描述

2 回答

白豬掌柜的

TA貢獻1893條經驗獲得超10個贊

this在您的 html onclick 屬性上添加參數，使其成為deleteFile(this)

然后在你的 js 上

function deleteFile(element){

var postId = $(element).closest('div').attr('id');

alert("You have selected id: " + postId);

var sure = confirm("Are you sure you want to delete this post?");

if(sure){

firebase.database().ref().child('Posts/' + postId).remove().then(function(){

alert("Post deleted sucessfully");

});

}

};

反對回復 2021-12-23

繁星淼淼

TA貢獻1775條經驗獲得超11個贊

與 onclick 配對$(this)不會像您預期的那樣工作，因為$(this)有不同的上下文，您可以使用查看其值console.log($(this));

應該做的是向該按鈕添加一個類并通過 jquery 綁定一個 onclick 事件。運行下面的代碼片段。

紅色 div 包含通過 jquery 附加的 onclick 事件。
黃色 div 包含附加到按鈕屬性 onclick 的 onclick 事件。

$(document).ready(function(){

$(".getIdButton").click(function() {

alert($(this).closest("div").attr("id"));

});

function getId() {

alert($(this).closest("div").attr("id"));

console.log($(this));

}

div {

width: 100px;

height: 100px;

padding: 20px;

display: inline-block;

}

#red {

background-color: red;

}

#yellow {

background-color: yellow;

}

<button class="getIdButton">Click Me</button>

</div>

<button onclick="getId()">Click Me</button>

</div>

反對回復 2021-12-23

2 回答
0 關注
190 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

jquery在我試圖抓取的div元素的id上得到一個“未定義”

jquery在我試圖抓取的div元素的id上得到一個“未定義”

2 回答

添加回答