javascript - jQuery 语法，没有特定 ID 的问题

Question

我被 Javascript 中的语法问题困住了。就像这样，我正在回应一些 PHP 并从数据库中获取不同的 ID。这是我的 PHP 回显...

echo "<input type='text' id='form_id_" . $gr_display['id'] . "' />";

它输出例如

<input type='text' id='form_id_X' />

当我点击一个按钮时我开始这段 JS 代码，我的问题是如何编写这段代码以便我得到 X 的 ID？

 var id=$("#form_id_").val();

HTML

echo "<form id='edit_form' method='post' action=''>";
echo "<input type='text' id='form_id_" . $gr_display['id'] . "' />";
echo "<input placeholder='New info here' type='text' id='newinfo' name='newinfo'/>";
echo "<input type='button' id='edit_btn'> Button </input>";
echo "</form>";

Answer 1

如果你想在点击时获取id(不确定它是你想要的):

php:

echo "<form id='edit_form' method='post' action=''>";
echo "<input type='text'  class='myInput' id='form_id_" . $gr_display['id'] . "' />";

echo "<input placeholder='New info here' type='text' id='newinfo' name='newinfo'/>";
echo "<input type='button' id='edit_btn'> Button </input>";
echo "</form>";

js:

$("#edit_btn").on("click",function(){
    var id = $(this).prevAll(".myInput").attr("id");
    //or
    id = $(this).prevAll("[id^='form_id_']").attr("id");
    //or
    id= $(this).parent().children(".myInput").attr("id");
    //or if there is only one occurence of .myInput
    id=$(".myInput").attr("id");
    //or if there is only one occurence of [id^='form_id_']
    id = $("[id^='form_id_']").attr("id");
});