Javascript 如何在Jquery中传递单击事件时元素的id

我有一个包含行数的表，我正在使用with click显示隐藏行。在每个隐藏行中，我都有一个名为content的div。在这个div中，我使用ajax加载第二个页面。实际上，当我单击Show按钮时，第二个页面将显示在具有classname内容的div中。我的问题：-是否有一种方法可以在单击事件时将每行的id（每行的id在输入中以名称id隐藏）传递给函数，然后在href中使用传递的id发送到第二页？ 以下是我的片段：-

$（函数（）{
$（“.show”）。在（“单击”上，函数（e）{
var id=$（this.find（':hidden'）.val（）；
e、 预防默认值（）；
$（this）.closest（“tr”）.next（）.find（“.content”）.slideToggle（）；
$（“.content”）.load（“/secondpage.htm？id=“+id+”）；
警报（id）
});
});
.subRow{
填充：0；
背景色：#CFCFCF；
}
.内容{
背景色：#CFCFCF；
显示：无；
}

标题
标题
标题
标题
标题
标题
您可以使用
.find（）
/
.children（）
以
隐藏的
元素为目标，然后可以使用
.val（）

$(".show").on("click", function(e) {
    e.preventDefault();
    var id = $(this).find(':hidden').val();
    $(".content").load("/secondpage.htm?id=" + id);
    console.log(id )
});


$（函数（）{
$（“.show”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
console.log（$（this.find）（':hidden'）.val（））
$（this.parent（）.toggleClass（'rotati'））
$（this）.closest（“tr”）.next（）.find（“.content”）.slideToggle（）；
$（“.content”）.load（“/secondpage.htm？id=@id”）；
});
});
.subRow{
填充：0；
背景色：#CFCFCF；
}
.内容{
背景色：#CFCFCF；
显示：无；
}

Ajax测试表
第1栏
第2栏
第3栏
测试单元
测试单元

测试单元
测试单元

具有类似以下内容的内容
var id=$（this）.find（'input'）.attr（'name'）$（this）.closest（'tr'）.next（）.find（.content”）.slideToggle（）$（“.content”）.load（“/secondpage.htm？id=@”+id+”）谢谢。发送第二页的url是否正确？我无法使用url将id发送到第二页？@inaz，您可以测试第二页的
url
，并更正它。您可以查看我编写的更新代码段，但它没有传递id吗？@inaz，在HTML中，您需要使用
value
属性not
val
。像
value=“123”
一样使用它，非常感谢！