Home/ Questions/Q 7817221
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T06:09:42+00:00

I add new divs with jQuery append() , and I want to be able

  • 0

I add new divs with jQuery append(), and I want to be able to get the individual content and attributes of the last div and previous ones onclick.

<!DOCTYPE html>

<script type='text/javascript'>
$(document).ready(function(){

$('#ClickDiv').live("click",function(){

IaNm=prompt("Enter Name","Name here...");
IaLang=prompt("Enter Lang","Lang here...")

$('.box:last').append('<div class="box" lang="'+IaLang+'">'+IaNm+'</div>')
})
$('.box').click(function(){
LstNm=$(this).text()
LstT=$(this).attr('lang')
$('b').html(LstNm+' : '+LstT)

})
})    


</script> 
<input type='button' value='New Div' id='ClickDiv'>
<div class='box' lang='en'>one</div>
<div class='box' lang='fr'>two</div>
<div class='box' lang='de'>three</div>

<b></b>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to change this line:

    $('.box').click(function(){

    to 

    $('.box').live( "click", function(){

    If you want to catch the click event for new elements added after the document load event

    EDIT:
    change $('.box:last').append( ... ) to $('.box:last').after(... ) so the new element will be added after the las elment and not inside of it

    • 0