将字符串转换为 jquery 元素并将其追加到 DOM 中

Converting a string into a jquery element and appending it to the DOM

本文关键字：追加 DOM 元素 字符串 转换 jquery      更新时间：2023-09-26

我正在尝试使用以下（诚然写得很糟糕）代码来做标题所说的： 

$('.right').append($('<li class="btn log-out-button"><a data-method="delete" data-remote="true" format="json" href="' + data.log_out_path + '" class="standout-primary" rel="no-follow>Sign Out</a></li>
我一生

都无法弄清楚我做错了什么，但显示的只是以下 HTML：

<li class="btn log-out-button></li>

为什么它忽略了我在字符串中编写的内部 HTML？

你有这个代码

$('.right').append($('<li class="btn log-out-button"><a data-method="delete" data-remote="true" format="json" href="' + data.log_out_path + '" class="standout-primary" rel="no-follow>Sign Out</a></li>

缺少barces/quotes，而是尝试这种干净的方法

var link = $('<a/>', {
    'data-method':'delete',
    'data-remote':'true',
    'format':'json',
    'href': data.log_out_path, // make sure you have 'data' in current scope
    'class':'standout-primary',
    'rel':'no-follow',
    'text':'Sign Out'
});
var li = $('<li/>', { 'class':'btn log-out-button' }).append(link);
$('.right').append(li);

这里有一个例子。

相关文章：