1 
<html>
    <head>
        <title></title>
    </head>
    <body>
        <button id="btn_id">CLICK THE BUTTON</button> RESULTS:
        <div id="result"></div>
        <script type="text/javascript" src="js/jquery-1.4.4.js"></script>
        <script type="text/javascript">
        $("#btn_id").click(function () {
            $("#result").append("<button type='button' id='btn_id2' class='close pull-right' aria-    hidden='true'>&times;<\/button>" + "<pre class='one'>Sample text<\/pre>");

            $("#btn_id").click(function () {
                $("#btn_id").remove();
                $(".one").empty();

            });
        });
        </script>
    </body>
</html>

上記のコードで問題が発生しています。ボタン付きのテキストを追加しようとしています。このボタンは、追加されたテキストを削除するためのトリガーになります。しかし、何が起こっているのかというと、追加されたテキストを 1 つずつ削除することはできません。ボタンで最初に追加されたテキストには、追加されたすべてのテキストを削除する機能しかありません。しかし、私が望んでいたのは、「クリック・ザ・ボタン」を何度もクリックしたとしても、一度に 1 つずつ実行する必要があるということです。

私が必要としていたのは、「CLICK THE BUTTON」を何度もクリックすると、閉じるボタンが追加されたテキストが生成されます。閉じるボタンは、その特定のテキストに対してのみ、追加されたテキストを削除するボタンになります。

4

1 に答える 1