Помещенный одинарные кавычки в строке Javascript

Question

Currenly я использовать JavaScript, чтобы связать таблицу динамически ..

мне нужно одиночные кавычки, чтобы разграничить строку ..

Код: -

var str =""; 
str += "<td><a onclick='showFlightsByName("+val.Name+")' href='javascript:;'><span>" + val.Name + "</span></a></td>"; 

Текущий Ouput : -

<a onclick="showFlightsByName(AirTran Airways)" href="javascript:;"><span>Airways Airways</span></a> 

Desire Выход: -

<a onclick="showFlightsByName('AirTran Airways')" href="javascript:;"><span>Airways Airways</span></a> 

Answer 1

"<td><a onclick='showFlightsByName("+val.Name+")' href='javascript:;'><span>" + val.Name + "</span></a></td>" 

должен быть

"<td><a onclick=\"showFlightsByName('"+val.Name+"')\" href=\"javascript:;\"><span>" + val.Name + "</span></a></td>" 

Answer 2

Попробуйте это:

var str =""; 
str += "<td><a onclick=\"showFlightsByName('"+val.Name+"')\" href=\"javascript:;\"><span>" + val.Name + "</span></a></td>"; 

Answer 3

Часто при работе с HTML проще использовать ' вместо " для струнных инструментов, например:

var str = '<td><a onclick="showFlightsByName("' + val.Name + '")" href="javascript:;"><span>' + val.Name + '</span></a></td>'; 

Однако вы рассматривали использование JS для создания объекта DOM?

var a = document.createElement("a"); 
a.href = "javascript:;"; 
a.onclick = "showFlightsByName(" + val.Name + ")"; 
a.appendChild(document.createElement("span").innerHTML(val.name)); 
var td = document.createElement("td"); 
td.appendChild(a); 

Это может быть не 100%. Прошло некоторое время, так как я закодирован в простой JS. JQuery делает это слишком легко.

редактировать: на этой ноте ...

var $a = $('<a>').append($('<span>').text(val.Name)).click(function() { 
    showFlightsByName(val.Name); 
}); 
$('<td>').append($a).appendTo("WHEREVER");