javascript - Jquery 在标签之前的 block 引用内添加标签

Question

我在 block 引用中包含此文本:

<blockquote class="tr_bq">
4 Text<br />
20 TExt<br />
2 Another text a little longer<br />
<br />
20 text</blockquote>

我想为每一行添加一个 标记或转换 br 以包含一个类。如果 br 包含所有行，我就会知道该怎么做。这就是我想要的结束方式:

<blockquote class="tr_bq">
<strike>4 Text</strike><br/>
<strike>20 TExt</strike><br/>
<strike>2 Another text a little longer</strike><br/>
<br />
<strike>20 text</strike></blockquote>

或

<blockquote class="tr_bq">
<br class="X">4 Text<br>
<br class="X">20 TExt<br>
<br class="X">2 Another text a little longer<br>
<br />
<br class="X"> 20 text</br></blockquote>

我尝试过使用包装但没有成功，有什么办法可以做到这一点吗？

Answer 1

您可以通过操作 block 引用的内部 HTML 来做到这一点。

$('.tr_bq').each(function () {
    var html = $(this).html();
    var newHtml = html.split('<br>').map(function (str) {
        return '<strike>' + str + '</strike>';
    }).join('<br>');
    $(this).html(newHtml);
});