是否可以使用jquery或javascript添加html代码？_Javascript_Jquery_Html

是否可以使用jquery或javascript添加html代码？

javascript jquery html

是否可以使用jquery或javascript添加html代码？,javascript,jquery,html,Javascript,Jquery,Html,我想检测是否存在“间隙类”，并添加html代码：皈依 <html> <script> $('#gap').find('.gap'); if "gap" <li><span class="gap">...</span></li> end <script> <ul> <li>1</li> <li>2</li>

我想检测是否存在“间隙类”，并添加html代码：

皈依

<html>
<script>
    $('#gap').find('.gap');
    if "gap"
    <li><span class="gap">...</span></li>
    end
<script>
<ul>
  <li>1</li>
  <li>2</li> 
  <li>2</li> 
  <span class="gap">...</span>
  <li>4</li> 
</ul>


$（'#gap'）。查找（'.gap'）；
如果“差距”

结束

一,
2
2
...
4

结果

<li><span class="gap">...</span></li>

是您可以使用jquery中的

append（）

将元素追加到另一个元素：

$('.gap').append('<li><span class="gap">...</span></li>');

但是在您的情况下，必须用

li

替换

.gap

元素，因此可以使用

replaceWith（）

方法：

$('.gap').replaceWith('<li><span class="gap">...</span></li>');

$（'.gap'）。替换为（'..'）；

注意：对于有效的html，您的

.gap

元素应替换为

li

，因为

span

不应附加到

ul

希望这有帮助。

简短回答：是的，你可以使用默认情况下，

$（'.gap'）

选择器在HTML中查找

.gap

类，如果找到它，它会将其包装到

li

元素中

演示：

$（'.gap'）。换行（'
'）

…

附加到html、写入文档等。此外，我希望这不是真的code@AndrewL你会感到惊讶的……是的，这不是一个真正的代码，如果有人知道如何处理这个问题，那么这只是一个例子。@JacobFrye我刚刚做了…@Azamantes我看到了更糟的情况。当我看到人们的“代码”时，我也不会感到惊讶，你的意思是$（'.gap'）；来吧…必须是有效的html。无法将

附加到

我编辑了代码。@JacobFrye需要修复源代码，使其成为有效的html，而不管有人在这里回答什么，并且您已经在所有浏览器中对其进行了测试？我打赌你没试过，这也没什么意义。如果

不存在，则无法在浏览器中将范围设置为

的子项，因为它无效。浏览器将抛出它。我编辑了代码。@charlietfl edited:），谢谢注意：=

$('.gap').replaceWith('<li><span class="gap">...</span></li>');