jQuery自己追加运行两次,多次追加,双追加
HTML:
<body>
<p><a href="#" class="link" >Apples</a> <a href="#" class="link" >Berries</a> <a href="#" class="link">Carrots</a></p>
<select id="list"></select>
</body>
jQuery的:
$('.link').click(function(){
var item = $(this).text();
$('#list').append('<option>'+item+'<\option>');
});
它应该从HTML链接标签中添加新值,例如苹果或胡萝卜,但是当我点击它时它会这样做(每个都有两行)
结果:
Evey点击结果有两个选项,一个用另一个带空白.更奇怪的是,如果我拿出html部分的东西似乎工作..只需使用文本.
我不确定为什么会导致这种行为,但问题是这样
$('#list').append('<option>'+item+'<\option>');
应该是正斜线
$('#list').append('<option>'+item+'</option>');
| 归档时间： |
|
| 查看次数： |
5015 次 |
| 最近记录： |