我想限制一段文字的大小。包裝器 div 有一個(gè)動(dòng)態(tài)創(chuàng)建的 ID，段落文本也是動(dòng)態(tài)插入的。HTML 和 JavaScript 在同一個(gè)文件中。HTMLecho"... <div id ='subTextWrapper$sub_id' > <p>$submission_text</p> </div>...";JavaScript：echo"<script>...var submissionId = $sub_id;//Limit size of a submission if too long and show a link to read morevar submissionString = $('#subTextWrapper' + submissionId).html();if (submissionString.split(' ').length > 50) { $('#subTextWrapper' + submissionId).html(submissionString.split(' ').slice(0, 50).join(' ') + ' ... ' + `<a class='read-more' + submissionId>Read more</a>`);}$('a.read-more' + submissionId).click(function () { $('#subTextWrapper' + submissionId).html(submissionString);});...</script>";在上面的 if 語(yǔ)句中，我想將類(lèi)名read-more與變量 submitId 連接起來(lái)：`<a class='read-more' + submissionId>Read more</a>`這似乎不起作用。我不是 JS 專(zhuān)家，所以任何幫助將不勝感激。請(qǐng)注意，當(dāng)我刪除變量時(shí)，submissionId它會(huì)起作用，但顯然它擴(kuò)展了我所有動(dòng)態(tài)創(chuàng)建的提交。
2 回答
慕雪6442864
TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
它會(huì)不會(huì)像這樣工作。
echo"
<script>
//Limit size of a submission if too long and show a link to read more
var submissionString = $('#subTextWrapper' + submissionId).html();
if (submissionString.split(' ').length > 50) {
$('#subTextWrapper' + submissionId).html(submissionString.split(' ').slice(0,
50).join(' ')
+ ' ... '
+ `<a class='read-more' + submissionId>Read more</a>`);
}
$('a.read-more'$sub_id).click(function () {
$('#subTextWrapper'$sub_id).html(submissionString);
});
...
</script>";
或者你也可以像這樣連接
$('a.read-more'".$sub_id.")
- 2 回答
- 0 關(guān)注
- 182 瀏覽
添加回答
舉報(bào)
0/150
提交
取消