使用jQuery单击按钮时从表中获取值

这是我的代码，如下所示。此表显示日期时间字符串和关闭按钮。当我点击关闭按钮时，它将删除关注行。但在删除之前，我需要变量中的日期

$（文档）.on（'click'，'button.removebutton'，函数（）{
alpha=$（this.nexist（'tr#newdate'）.val（）；
警报（alpha）；
$（this）.closest（'tr'）.remove（）；
返回false；
});

X
X
查找最近的父元素，
#newdate
不是
.removebutton
元素的父元素。您需要最接近的
tr
，在本例中它是
.removebutton
的父元素，然后找到与
.removebutton
位于同一tr下的
#newdate
元素

附加点：ID必须是唯一的。因此，与其使用相同的ID，不如使用类

解决方案：


$（文档）.on（'click'，'button.removebutton'，函数（）{
alpha=$（this.closest（'tr'）.find（'.newdate'）.val（）；
警报（alpha）；
$（this）.closest（'tr'）.remove（）；
返回false；
});

X
X
查找最近的父元素，
#newdate
不是
.removebutton
元素的父元素。您需要最接近的
tr
，在本例中它是
.removebutton
的父元素，然后找到与
.removebutton
位于同一tr下的
#newdate
元素

附加点：ID必须是唯一的。因此，与其使用相同的ID，不如使用类

解决方案：


$（文档）.on（'click'，'button.removebutton'，函数（）{
alpha=$（this.closest（'tr'）.find（'.newdate'）.val（）；
警报（alpha）；
$（this）.closest（'tr'）.remove（）；
返回false；
});

X
X
按类别更改id。Id是唯一的。使用find after Closest（）


$（文档）.on（'click'，'button.removebutton'，函数（）{
alpha=$（this.closest（'tr'）.find（'.newdate'）.val（）；
警报（alpha）；
$（this）.closest（'tr'）.remove（）；
返回false；
});

X
X
按类别更改id。Id是唯一的。使用find after Closest（）


$（文档）.on（'click'，'button.removebutton'，函数（）{
alpha=$（this.closest（'tr'）.find（'.newdate'）.val（）；
警报（alpha）；
$（this）.closest（'tr'）.remove（）；
返回false；
});

X
X
使用
$（this）.closest（'tr'）.find（'newdate'）.val（）

检查以下代码：


$（文档）.on（'click'，'button.removebutton'，函数（）{
alpha=$（this）.closest（'tr'）.find（'#newdate'）.val（）；
警报（alpha）；
$（this）.closest（'tr'）.remove（）；
返回false；
});

X
X
使用
$（this）.closest（'tr'）.find（'newdate'）.val（）

检查以下代码：


$（文档）.on（'click'，'button.removebutton'，函数（）{
alpha=$（this）.closest（'tr'）.find（'#newdate'）.val（）；
警报（alpha）；
$（this）.closest（'tr'）.remove（）；
返回false；
});

X
X
您有两个问题：

1） HTML ID必须是唯一的，所以永远找不到第二个“newdate”元素——JavaScript认为它无效，将忽略它

2） 
closest（）

这应该可以解决这个问题：


$（文档）.on（'click'，'button.removebutton'，function（））{
var tr=$（this.nexist（'tr'）；
var alpha=tr.find（“.newdate”）.val（）；
警报（alpha）；
tr.remove（）；
返回false；
});

X
X
您有两个问题：

1） HTML ID必须是唯一的，所以永远找不到第二个“newdate”元素——JavaScript认为它无效，将忽略它

2） 
closest（）

这应该可以解决这个问题：


$（文档）.on（'click'，'button.removebutton'，function（））{
var tr=$（this.nexist（'tr'）；
var alpha=tr.find（“.newdate”）.val（）；
警报（alpha）；
tr.remove（）；
返回false；
});

X
X
您好，您可以使用下面的代码，但请记住，在不同的输入中永远不要使用相同的id名称，这样您就可以使用类来实现这一点，并且您的代码是


$（文档）.on（'click'，'button.removebutton'，function（））{
alpha=$（this.closest（'tr'）.find（'newdate'）.val（）；
beta=$（this.closest（'tr'）.find（'newtime'）.val（）；
警报（alpha）；
警报（测试版）；
$（this）.closest（'tr'）.remove（）；
返回false；
});

X
X
您好，您可以使用下面的代码，但请记住，在不同的输入中永远不要使用相同的id名称，这样您就可以使用类来实现这一点，并且您的代码是


$（文档）.on（'click'，'button.removebutton'，function（））{
阿尔夫