添加超鏈接與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>