jQuery Мобильный котировки внутри кавычек внутри кавычек

Question

У меня есть ситуация в jQuery Mobile, где я создаю гиперссылку, содержащую цитаты внутри кавычек внутри кавычек. Я искал другие сообщения для возможных решений, но ничего не работает. Оригинальный код:

$("#char_list").append("<div data-role='collapsible'> 
<h4> " + charName + "</h4><p><strong>Number of Actions:</strong> " + charNumActions + 
"</p><a data-role='button' class='edit_button'  
onClick='sessionStorage.setItem('editCharName', '" + charName + "')' 
data-icon='edit' data-iconpos='left'>Edit</a><a data-role='button' id='delete_char_button' 
class='delete_button' data-inline='true' data-icon='delete' data-iconpos='left'>Delete</a></div>"); 

Проблема с частью onclick; он создает синтаксическую ошибку, и я понимаю причину. Я использовал одну цитату сразу после одной цитаты.

Итак, после поиска этих форумов, я тогда пытался избежать второго набора цитат, как это (положить в только OnClick части для краткости):

onClick='sessionStorage.setItem(\"editCharName\", '\"" + charName + "\")' 

Это не вызывает синтаксическую ошибку, но он делает кнопку бесполезной; Я нажимаю на него, и ничего не происходит. Тогда я попробовал это, и с этого форума:

onClick='sessionStorage.setItem("editCharName", '"" + charName + "")' 

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

Должен быть способ сделать это. Если у кого есть какие-либо предложения, пожалуйста, дайте мне знать. Благодаря!

Answer 1

Нравится?

$("#char_list").append("<div data-role='collapsible'>" + 
    "<h4>" + charName + "</h4>" + 
    "<p><strong>Number of Actions:</strong>" + charNumActions + "</p>" + 
    "<a data-role='button' class='edit_button' data-icon='edit' data-iconpos='left'>Edit</a>" + 
    "<a data-role='button' id='delete_char_button' class='delete_button' data-inline='true' data-icon='delete' data-iconpos='left'>Delete</a>" + 
    "</div>"); 

$(document).on('click','.edit_button',function(){ 
    var charName = $(this).parents('[data-role="collapsible"]').find('h4').html(); 
    sessionStorage.setItem('editCharName',charName); 
}); 

• Удалить этот встроенный JS/Make что в стиле JQuery
• ли это более удобным для чтения!