Home/ Questions/Q 7085423
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T07:25:21+00:00

I’ve a simple code as following: <html> <body> <div id=div1> <input class=input1 type=text value=click

  • 0

I’ve a simple code as following:

<html>
<body>        
    <div id="div1">
       <input class="input1" type="text" value="click me 1" />
    </div>

    <script type="text/javascript">
       $('.input1').click( function() { alert('clicked'); });

       $('#div1').append('<input class="input1" type="text" value="click me 2" />');
    </script>
</body>
</html>

I found that the 2nd textbox, which was appended to the “#div1”, didn’t get the click respond which is associated to the class “input1”.

what am I missing? please advise me, thank you very much.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should use event delegation with the .on() method…

    $('#div1').on('click','.input1',function(...

    This places the handler on #div1. When clicks happen inside of it, the '.input1' selector is run, and if the element clicked matches, the handler is invoked.

    Or in older versions of jQuery (pre 1.7), use .delegate().

    $('#div1').delegate('.input1','click',function(...
    • 0