javascript - 如何正确使用jquery prev？

Question

如何使用 prev() 选择前一个元素？我希望当我点击icon 1时它会删除span。

html.erb

# inside a loop -- notice the loop!.
<span data-id="foo_span">
  <i data-id="bar">icon 1</i>
  <i>icon 2</i>
</span>

JavaScript:

$("[data-id=bar]").click(function(e){
  e.preventDefault();
  //$(this).prev("[data-id=foo_span]").remove();
  $(this).prev().remove();
});

我是否正确使用了 prev() ？根据示例，它使用 .css。删除span标签的正确方法是什么？ i 必须位于 span 标记内。

Answer 1

您需要使用parent() 方法和prev() 方法用于获取元素的前一个兄弟元素。

$(this).parent().remove();