jquery 点击子元素在父元素添加元素

给父元素添加元素实际上是和子元素同级的不是吗？

$(this).before(...)和$(this).after()可以在当前元素前后插入元素

$(this).parent()可以获取父元素

当然你也可以用$(this).closest("selector")来选择获取更外层的元素进行 *** 作

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，编写问题基础代码。

2、在index.html中的<script>标签，输入jquery代码：

$('#a').html('<img src="' + $('#img1 img').attr('src') + '"/>')

3、浏览器运行index.html页面，此时成功选择到img1中的图片并显示在另一个div中。

方法很多，建议将jquery的语法研读一下。

这里可以用：

$(this).next()当前元素的下一个子元素

$(this).siblings()选择所有同级子元素除了自身

推荐方法修改类似这样：

$('li').on('click', 'a', function(){

$(this).siblings().css('display', 'none')

})

这样再添加更多的 a 也无所谓了。

---