Как использовать jQuery для увеличения тега thymeleaf при получении значения в th: text

Question

Я хочу увеличить тег тимелина с помощью jquery.Согласно F12, метка тимелина увеличивается, но она не работает.Как это исправить?

var part = "<div>\n" +
"  <span>Icon</span>\n" +
"  <span th:text='${commentList.username}'>username</span>\n" +
"</div>\n" +
"<div style=\"margin-left: 30px;\">\n" +
"  <span th:text='${commentList.content}'>content</span>\n" +
"</div>"
$(".commentDetails").html(part);

Я хочу получить значение тега чабреца, но значение не получено

Answer 1

Попробуйте удалить часть th: js.Это происходит потому, что даже если вы можете вставить значения с синтаксисом thymeleaf ${...}, если вы используете CDATA, thymeleaf не будет обрабатывать th-маркеры внутри html, предоставляемого вашей функцией js, потому что они появляются внутри String в функции js, а не являются частьютега в html вашей странице.

<script th:inline="javascript">
/*<![CDATA[*/      

var part = "<div>\n" +
"  <span>Icon</span>\n" +
"  <span text='${commentList.username}'>username</span>\n" +
"</div>\n" +
"<div style=\"margin-left: 30px;\">\n" +
"  <span text='${commentList.content}'>content</span>\n" +
"</div>"        

/*]]>*/
</script>

Answer 2

Ваш вопрос не говорит много, но с большим количеством предположений я пытаюсь ответить.

в вашем HTML-файле, установите переменную part, как показано ниже

<script th:inline="javascript">
    /*<![CDATA[*/      

var part = "<div>\n" +
"  <span>Icon</span>\n" +
"  <span th:text='${commentList.username}'>username</span>\n" +
"</div>\n" +
"<div style=\"margin-left: 30px;\">\n" +
"  <span th:text='${commentList.content}'>content</span>\n" +
"</div>"        

    /*]]>*/
</script>

Теперь вы можете использовать jQuery часть

$(".commentDetails").html(part);