javascript - 通过 ID 选择动态创建的 div

Question

我似乎无法弄清楚如何执行此操作，但我正在创建按钮，单击这些按钮会将新的 div 添加到包含文本框的页面。这工作正常，但我想做的是，如果用户单击 div，我希望在警告框中弹出 div id。代码如下。

HTML

     <table>
     <td>
     <ul id ="firstColumn">
                    <div id="identifier">
                    </div>
                </ul>
            </td>
            <td>
                <ul id ="secondColumn" width="5%">
                    <li><input type="button" class="formCreationButton" id="textAdd"       value="Single line text" /></li>
     </td>
     <ul>
     </table>

添加 div 和文本框的 jQuery 如下，效果很好。

   $('#textAdd').click(function() {
                var newdiv = document.createElement('div');
                newdiv.innerHTML = "Textbox " + textBoxCounter + " <br><div id='container "+counter+"' class='container'><li><input type='text' value='TEXT' name='textBox " + textBoxCounter +"onclick='display(this)'></li></div></br>";

                document.getElementById("identifier").appendChild(newdiv);
                textBoxCounter++
                counter++;
            });

所以每次我点击按钮时，都会创建一个新的 div 和文本框。我现在想做的是当用户点击 div 时，将弹出一个警告框，其中包含被点击的 div 的 ID。显然这不是我唯一想做的事情，而是我坚持的部分，下面是我的尝试。

     $(".container > div").click(function(){
                var divID = this.id;
                alert(divID);
                // do other stuff that needs to be done
            });

当我点击一个 div 时唯一发生的事情是弹出一个警告说“内容”。我需要它包含诸如“container1”或“container2”等内容。

无论如何，非常感谢您提供的任何帮助。对 jQuery 很陌生，所以很难处理对其他人来说似乎很简单的事情。

Answer 1

.on API 可以解决问题:http://api.jquery.com/on/ 演示 http://jsfiddle.net/eqDKP/1/

另请注意，html 表格缺少 tr 标记。

希望这有助于:)

代码

   $(".container > div").on('click',function(){
                var divID = this.id;
                alert(divID);
                // do other stuff that needs to be done
            });