gpt4 book ai didi

javascript - 如何获取最后一个和之前附加的div属性和内容onclick?

转载 作者:行者123 更新时间:2023-11-30 13:21:25 25 4
gpt4 key购买 nike

我使用 jQuery append() 添加新的 div,我希望能够获取最后一个 div 和之前的 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>

最佳答案

你需要改变这一行:

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

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

如果你想为文档加载事件后添加的新元素捕捉点击事件

编辑:将 $('.box:last').append( ... ) 更改为 $('.box:last').after(... ) 所以新元素将在 las elment 之后添加,而不是在它内部

关于javascript - 如何获取最后一个和之前附加的div属性和内容onclick?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10147210/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com