jQuery 按 ID 名称删除 img 标签不起作用

jQuery Remove img tag by ID name not working

本文关键字：img 标签 不起作用 删除 ID jQuery      更新时间：2023-09-26

我已经通读了其他帖子，但我仍然不确定为什么我的代码不起作用。我正在寻找一个 id 为 featured-### 的元素来删除。

$('.model-gallery-image').click(function(){
    featured_remove($(this).attr('data-model-id'));
});
function featured_remove(model_num){
    console.log('Remove Featured Image: #featured-' + model_num);
    $('#featured-' + model_num).remove();
}

我已将model_num记录到控制台，以验证是否正在传递该号码。

这是我通过浏览器检查 html 标签时的样子。

<img src="model-gallery/37eafefa4964d985cb6f2e3bda07458c9b0728f5.jpg" id="featured-6">
我

不确定我错过了什么。

可能是在元素实际存在之前调用了您的脚本，您应该检查，否则我不知道可能出了什么问题

在你的函数中，featured_remove()是未定义的，因为它不在上下文中。

传递参数以使用外部函数：

//define your function
var featured_remove = function (model_num){
    console.log('Remove Featured Image: #featured-' + model_num);
    $('#featured-' + model_num).remove();
}
//using closure
$('.model-gallery-image').click(function(featured_remove){//pass variable here
    featured_remove($(this).attr('data-model-id'));
});
相关文章：