关于 jQuery 选择器的问题

Question

最初，当用户单击删除按钮时，我希望删除整行元素。

这是为了在按下添加按钮时添加一行元素：

function btnPlsClickEvent(btn){
btn.remove(".buttonPlus");
$(".buttonMinus").show();
//$("#q" + questionCount).append("<p id='q'+ '" + ++questionCount + "' + ''>Question: " + questionCount + "<input type='text'>\
$("#q1").append("<p id='q'+ '" + ++questionCount + "' + ''>Question: " + questionCount + "<input type='text'>\
<button type='button' class='buttonPlus'></button>\
<button type='button' class='buttonMinus' id='"+ questionCount +"'></button></p>");

$(".buttonMinus:last").hide();  

//Because it's dynamically appended, I re-bind them in this way:
//Re-binding
var newBtnPlus = $(".buttonPlus:last");
var newBtnMinus = $(".buttonMinus:last");
newBtnPlus.click(function(){
    btnPlsClickEvent(newBtnPlus);   //ATTENTION!
});
newBtnMinus.click(function () {
    btnMnsClickEvent(this);     //ATTENTION! Is it passing btn which is at the head of the function? If so, it should refer to Plus button.
});

alert("Add a question.");}

因此，如果我想删除整行，我应该找到它的父元素

并调用 .remove()。

function btnMnsClickEvent(btn) {
alert("You have deleted #" + btn.id + " question.");
btn.parent().remove();}

问题#1 是：我可以使用 btn 正确获取减号按钮的 id。但为什么我不能引用自身或其父级并将其删除呢？

问题 #2 是：为什么我可以在 btnPlsClickEvent() 的头部删除 btn 的类，但在 btnMnsClickEvent() 中却不能这样做？我知道我正在使用两种不同的方法将不同的对象传递给 btnPlsClickEvent() 和 btnMnsClickEvent()。他们有什么区别呢？

非常感谢， 阿什利

Answer 1

1# 尝试将您的remove()行更改为：

$( btn ).parent().remove();

函数获取html dom元素的对象btnMnsClickEvent(this);，并且您需要用jquery包装它

2#第二个函数获取jquery元素的对象，所以没有那里有问题