html - jQuery Split 逗号分隔并括起来

Question

我想拆分这些字母，<div class="ltr">a,b,c,d</div>然后用 html 代码将它们括起来。

我的代码：

var ltrs = $('.ltr').text();
var string = ltrs.split(",");

然后我想用 . 括住每个字母<ul><li>Letter here<li></ul>。

样本结果：

<ul><li>a</li></ul>
<ul><li>b</li></ul>
<ul><li>c</li></ul>
<ul><li>d</li></ul>

标签： htmljquery

Answer 1

用于map()遍历每个split()结果，并添加 hTML 代码。

var all = $('.ltr').text().split(',');
var res = all.map(s => `<ul><li>${s}</li></ul>`);

$('.result').html(res); // Just to show the result

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="ltr">a,b,c,d</div>

<div class="result"></div> <!-- Just to show the result -->