首页 » jQuery » JQuery——获取通过append新增的元素

JQuery——获取通过append新增的元素

原文 http://blog.csdn.net/qq_36769100/article/details/79172803

2018-01-27 02:00:16阅读(321)

摘要:

平时在使用JQuery中,经常通过javascript提供的append()方法来拼接并展示新内容。

但是随之而来的就有两个问题:

1.新增内容不能正常触发定义好的事件;

2.如何获取新增元素的内容;


一、无法触发事件

 这个问题可以通过live方法(1.7版本以前的JQuery)或者是on方法(1.7以后的JQuery版本)来解决。

传送门:JQuery——append的元素不触发已经定义好的事件


二、获取新增元素的内容

 先声明一样,这不仅仅使用于获取内容,还可以给增加的元素添加class、id以及其他操作等。

 方法:通过last()选择器来解决

例:

jsp内容:

<body>
<div class="sub_div">
    <button class = "test_button">添加div并获取其内容</button>
    <div class = "text_div">
        <a>11111</a>
    </div>
    <div class = "text_div">
        <a>22222</a>
    </div>
</div>
</body>

 定义事件:

<script type="text/javascript">
$(document).ready(function(){
  $(".test_button").click(function(){
    var str = "<div class='text_div'><a>33333</a></div>"
    $(".sub_div").append(str);
    alert($(".text_div").last().html());
  });
});
</script>

 效果如图,弹出的<a>3333</a>即为新增的div内容:

JQuery——获取通过append新增的元素



如果有书写错误的地方,或者是有问题的地方请及时评论或者是私信,以免误导个别萌新。
虽然,我也是个萌新。

你好,我叫吕小布。








最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹