添加超链接与jQuery的斜线象垃圾一样清除的超级链接关闭标签

Question

我这样做：

$(selector).append("<li><a href=" + url + ">" + title + "</a></li>"); 

其呈现为：

</a><//a> 

我的主要问题是，为什么会这样？

我这边的问题是安全的只是删除最后一个字符，如果它是一个'/'

Answer 1

您在生成的href中没有任何引号。一个裸露的URL当然可以包含一个/a或其他可以解析为关闭标签的东西。

$(selector).append("<li><a href=\"" + url + "\">" + title + "</a></li>"); 
           ^^-----------^^ 

Answer 2

你真的应该引用您的href属性值

$(selector).append("<li><a href=\"" + url + "\">" + title + "</a></li>"); 

末斜线被关闭<a/>标签

Answer 3

问题在于您的报价。

var url = 'http://stackoverflow.com', 
 
    title = 'Stackoverflow'; 
 

 
$('.example').append('<li><a href="' + url + '">' + title + '</a></li>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<div class="example"></div>