Question

我需要在jQuery中更改HTML代码，当前我的HTML代码如下：

<div class="intro-lead-in"><span>Creating quality Foods, Since 1940</span></div>

使用jQuery预期如下所示的HTML代码：

<div class="intro-lead-in"><span>Creating quality Foods,<span class="class-name">Since 1940</span></span></div>

如何使用jQuery完成此操作？

Answer 1

我不确定如何确定要放置的类名以及在何处分割span，但是我假设您要用逗号来做。

假设一个容器为intro-lead-in类：首先，为每个文本片段设置所需的类。我想从你的例子来看：

fragmentClassBindings = ['', 'class-name']

然后，进行实际替换...

fragments = $('.intro-lead-in').html().split(',')
fragments.forEach(fragment => {
   full = $('.into-lead-in').html()
   class = fragmentClassBindings[fragments.indexOf(fragment)]
   $('.intro-lead-in').html(full.replace(fragment, `<span class="${class}">${fragment}</span>`))
})

但是，这里假定的事情太多了，您的问题中确实需要更多的解释。你想达到什么目的？什么逻辑导致您提供了示例？

我无法在jQuery中更改HTML

1 个答案: