Спасаясь кавычки в HREF тега

Question

У меня есть следующая строка кода,

$("#busdata").append("<div><a href="url">" + data.response.results[i].webUrl + "</a></div>"); 

я принципиально хочу, чтобы «data.response.results [я] .webUrl» заменить строку URL-адрес, но я «Не совсем уверен, как правильно избежать котировок.

Answer 1

Вы можете экранировать кавычки, заменив их \" или просто использовать одиночные кавычки - '

Так "<div><a href="url">" становится "<div><a href=\"url\">" или "<div><a href='url'>"

Answer 2

Ваш синтаксис неверен. Вам нужно избегать цитат. Изменение <a href="url"> к <a href=\"url\"> так:

$("#busdata").append("<div><a href=\"url\">" + data.response.results[i].webUrl + "</a></div>"); 

Или, если вы чувствуете, что это немного трудно, вы можете обменять кавычки ' для ":

$("#busdata").append('<div><a href="url">' + data.response.results[i].webUrl + "</a></div>"); 

Else, если вы пытаетесь добавить URL из ответа:

$("#busdata").append("<div><a href=\"" + data.response.results[i].webUrl + "\">" + data.response.results[i].webUrl + "</a></div>"); 

Answer 3

если URL является переменной $("#busdata").append("<div><a href='" + url +"'>" + data.response.results[i].webUrl + "</a></div>");

и если вы хотите написать самостоятельно

$("#busdata").append("<div><a href='url'>" + data.response.results[i].webUrl + "</a></div>");

Answer 4

одна цитата ' и строка конкатенации +

$("#busdata").append("<div><a href='"+ data.response.results[i].webUrl +"'>" + data.response.results[i].webUrl + "</a></div>"); 

Answer 5

Вы можете сохранить его в переменном вместо:

var url = data.response.results[i].webUrl; 
$("#busdata").append("<div><a href='"+url+'">" + url + "</a></div>"); 

Надеется, что это помогает.

Answer 6

Просто сделать это после моего примера:

var a = $('<a />', { 
 
href: 'url here', 
 
text: 'text here' 
 
}); $('body').append(a);

Answer 7

Вы можете сделать это:

$("#busdata").append("<div><a href='"+data.response.results[i].webUrl +"'>" + data.response.results[i].webUrl + "</a></div>"); 

Поскольку вы используете двойные кавычки для строки для добавления, вы можете используйте одинарные кавычки вокруг переменной в атрибуте href, а затем добавьте эту переменную.

Answer 8

Этого легче всего достичь, не создавая HTML, сначала разбивая струны.

$("#busdata").append(
    $("<div />").append(
     $("<a />").attr("href", data.response.results[i].webUrl) 
    ) 
); 

Answer 9

Экранирование кавычек не обязательно

$("#busdata") 
.append("<div><a href=" 
    + data.response.results[i].webUrl 
    + ">" 
    + data.response.results[i].webUrl 
    + "</a></div>" 
);