jquery中如何往input追加内容

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

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

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

$('input[type="checkbox"]').change(function () {

var a = ''

$('input[type="checkbox"]:checked').each(function () {

if (a !== '') {

a += ','

}

a += $(this).val()

})

$('#a').val(a)

})

3、浏览器运行index.html页面，此时选择内容会自动追加到input输入框中，最多3个。

问题分析：

首先复述一下你的需求：在页面加载完毕后，将页面中#skin下的img标签进行修改，将其alt属性的值复制一份到其title属性。并在其后面追加h4标签，h4标签的内容为alt属性的值。

解决步骤：

通过使用jQuery的each方法遍历多个img标签。

1、获取alt属性的值。

2、通过jQuery的attr方法将获取的alt属性的值赋值给title属性。

3、通过jQuery的after方法将h4标签追加到img的后面。

举例如下：

HTML代码：

<div id="skin">

    <img src="felix.jpg" alt="felix">

    <img src="felix.jpg" alt="felix">

    <img src="felix.jpg" alt="felix">

</div>

jQuery代码：

$.each($('#skin img'), function() {

    var alt = $(this).attr('alt')

    $(this).attr('title', alt).after('<h4>' + alt + '</h4>')

})

页面运行后的HTML代码：

总结：从以上代码截图可以看出，在页面运行后，img标签中多了title属性，以及后面被追加了h4标签，title属性以及h4标签的值与alt属性完全相等。

1、页面初始化，定义数组：var arr = []

2、点击"选中"，获取字符串str

3、先判断str是否已包含在arr，如果不存在继续你的 *** 作，且把str放进arr里面，如果已存在，则中断你的添加事件

注：在某些条件，需要对arr清空，比如在清空你那些li标签的时候，应该需要清空arr

还有一种方式，就是每次点击"选中"，先获取所有li标签的内容，然后放进一个数组。然后判断添加的字符串是否在生成的数组里面，不存在的话就继续添加，存在的话，就中断，这种方式不需要去关心初始化的arr是否清空的问题

---