Javascript 单击按钮后隐藏输入

我的代码

我的问题是，当我点击按钮功能时，什么都不做

@生成后编辑示例html代码

while ($row = $result->fetch_assoc()) {
        $id = $row['id'];
       ?>
        <script>
        $(document).ready(function(){
            $("#btn<?echo $id?>").click(function(){
                $("#inp<?echo $id?>").hide();
            });
        });
        </script>
        <?
           echo "<button id='btn$id' class='label label-info'>Dodaj odpowiedź</button>";?>
                    <div class="odpowiedz"><input id="inp<?echo $id;?>"></div>

---

您可以在php之外使用它。。在包含Jquery之后和之前使用它

你可以用

如果要隐藏按钮输入，请单击按钮简单JS

更新

函数callMeobj{ obj.style.display=无； }

---

Submit10从循环中删除javascript，最好将其放入一些javascript文件中

echo "<button id='btn".$id."' class='label label-info'>Dodaj odpowiedź</button>
      <div class='odpowiedz'><input id='inp".$id."'></div>";

Dodaj odpowiedź Dodaj odpowiedź Dodaj odpowiedź

---

简单地回答这个问题，您的特定示例不起作用的原因是脚本出现在它要影响的元素之前

变成

---

也就是说，尝试将其删除到外部JS文件中，并添加一个更通用的方法，如其他答案中所建议的@无尽有一个很好的解决方案。

如果必须将相同的代码多次输出到页面，那么总有更好的方法。如果要使用jquery，请使用数据属性和类：

while ($row = $result->fetch_assoc()) {
    $id = $row['id']; ?>


    <button id='btn<?=$id?>' class='label label-info'>Dodaj odpowiedź</button>
    <div class="odpowiedz"><input id="inp<?=$id?>"></div>

<? } ?>

---

许多按钮，许多输入，一个javascript函数来管理它们

惊奇。。您可以单独生成一个js代码，而无需在phpyou want document中重复并以这种方式放置。ready call n次：p如果问题出现在生成的客户端代码中，请显示生成的客户端代码。@Doknes:适合我：@Doknes:嗯，除非您可以显示实际演示问题的代码，否则我们无法提供太多帮助。

echo "<button id='btn".$id."' class='label label-info'>Dodaj odpowiedź</button>
      <div class='odpowiedz'><input id='inp".$id."'></div>";

while ($row = $result->fetch_assoc()) {
    $id = $row['id']; ?>


    <button id='btn<?=$id?>' class='label label-info'>Dodaj odpowiedź</button>
    <div class="odpowiedz"><input id="inp<?=$id?>"></div>

<? } ?>

while ($row = $result->fetch_assoc()) {
    $id = $row['id'];
        echo "<button id='btn$id' class='label label-info toggle' data toggle="inp$id">Dodaj odpowiedź</button>";?>
       <div class="odpowiedz"><input id="inp<?echo $id;?>"></div>
}

$(function(){
    $('toggle').click(function(){
        var id = $(this).data('toggle');
        $('#' + id).hide();
    });
});