jQuery add html to original-title?

jQuery add html to original-title?

本文关键字：original-title to html add jQuery      更新时间：2023-09-26

我有一个按钮，看起来像这样:

<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: Unexpected token '<'

你知道我哪里做错了吗?

你忘记引号了:

$('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();

这将添加一个div与original-title的HTML正文，附加你的HTML到它，设置original-title到它，然后删除它刚刚制作的元素。你可能需要调整它来得到你想要的效果。

小提琴

请注意，append()方法接受字符串。而且应该始终在其形参中添加字符串。否则它将不起作用，你会得到这个错误。

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

这个就可以了。

相关文章：