javascript - 函数中的jQuery事件注册问题

Question

图片库是一组带有相应删除按钮的图片。这是包含两个图像的画廊的 HTML 代码：

<div class="image">
  <img src="/kjzfbE.jpg" alt="First">
  <button class="remove">X</button>
</div>
<div class="image">
  <img src="/d2JncW.jpg" alt="Second">
  <button class="remove">X</button>
</div>

实现 setup 函数，注册一个 click 事件处理函数，实现如下逻辑： 当类 remove 的按钮被点击时，它的父元素应该从图库中移除。

例如，从上面的图库中删除第一张图片后，它的 HTML 代码应如下所示：

<div class="image">
  <img src="/d2JncW.jpg" alt="Second">
  <button class="remove">X</button>
</div>

这是我写的代码。但是找不到bug。

function setup (ele) {
  ele.remove();
}

// Example case. 
document.body.innerHTML = `
 <div class="image">
  <img src="/kjzfbE.jpg" alt="First">
  <button class="remove">X</button>
 </div>
 <div class="image">
  <img src="/d2JncW.jpg" alt="Second">
  <button class="remove">X</button>
 </div>`;

//setup();

$(".remove").get(0).click('setup');
console.log(document.body.innerHTML);

标签： javascriptjquery

Answer 1

使用 jQuery & 你的代码应该如下：

$(document).ready(function(){
    $('.remove').click(function(){
    $(this).parent().hide();
  })
});

工作小提琴