Question

我有一个看起来像这样的按钮：

<a class="buttonS bDefault tipN" id="customerBasket" original-title="<ul class='shoppingBasket'></ul>" href="#"><span class="icos-cart3"></span></a>

它是一个工具提示，我想将列表项附加到类shoppingBasket。

我尝试过以下操作：

$('.shoppingBasket ul').append(<li><span class=\'basketPic\'>Test</span><span class=\'basketName\'>Test123</span></li>);

但我收到错误：

SyntaxError：意外的令牌＆＃39;＆lt;＆＃39;

我在这里做错了什么想法？

Answer 1

你忘记了引言：

$('ul.shoppingBasket').append("<li><span class='basketPic'>Test</span><span class='basketName'>Test123</span></li>");

获取更多信息后编辑：

您想要更新属性，这比仅仅向dom元素添加内容更复杂。但是，你应该能够做到。尝试这样的事情：

$button_title = $('.buttonS').attr('original-title');
$('body').append('<div id="cart-holder" style="display:none;">' + $button_title + '</div>');
$('#cart-holder ul.shoppingBasket').append('<li><span class=\'basketPic\'>Test</span><span class=\'basketName\'>Test123</span></li>');
$('.buttonS').attr('original-title', $('#cart-holder').html());
$('#cart-holder').remove();

这将使用original-title中的HTML向主体添加div，将HTML附加到其中，将original-title设置为它，然后删除刚刚创建的元素。你可能不得不调整它以获得你想要的效果。

Fiddle

Answer 2

请注意，append()方法接受字符串。并且应始终在其参数中添加字符串。否则它将无法为您工作，您将收到此错误。

append("<li><span class='basketPic'>Test</span><span class='basketName'>Test123</span></li>")

这样做。否则，它将无法工作。

jQuery将html添加到原始标题？

2 个答案: