[英]How to add <span> tag to a selected text in JQuery
[英]how to add text to span jQuery
我有这个jQuery代码,我用来创建一个动态菜单
function createList(test){
alert(test);
$('#nav')
.append('<li class="top"><a href="nogo2" id="products" class="top_link"><span class="down"></span></a></li>');
$('.down').text(test);
}
我遇到的问题是当我尝试将文本添加到跨度时
$('.down').text(test);
如果我的值是abcde,则菜单会更改为最后一个值,然后我的所有菜单eeeee都可以帮助我
您可以尝试使用此选项仅选择最后一个.down而不是全部:
$('.down:last').text(test);
你为什么不直接这样做:
function createList(test) {
alert(test);
$('#nav')
.append('<li class="top"><a href="nogo2" id="products" class="top_link"><span class="down">' + test + '</span></a></li>');
}
选择器$('.down')
选择与每一类元素down
如果要选择上次创建的.down
使用以下命令:
$('.down:last').text(test);
$('.down').each(function(){
$(this).text(test);
});
我假设你为每个菜单项多次调用createList(),但是这个函数创建了一组具有相同类的li,称为“down”。 然后,您正在修改该类(即所有具有“向下”类的li)。 你想要的是为每个li分配一个唯一的id。
这是小提琴解决方案:
http://jsfiddle.net/acturbo/vZAee/2/
这应该工作:
function createList(test){
//alert(test);
var id = "product-" + test;
console.log(test)
$('#nav')
.append('<li class="top"><a href="nogo2" id="products" class="top_link"><span id="'+ id +'"></span></a></li>');
$("#"+id).text(test);
}
$().ready(function() {
createList( "a");
createList( "b");
createList( "c");
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.