javascript - 如何使用 javascript 在现有跨度标记之前添加跨度？

Question

如何在使用 javascript 的另一个现有跨度标记之前以 HTML 形式添加跨度标记？我知道现有跨度标签的 id。

Answer 1

试试这个

var addnew = '<span class="newcssclass">new content</div>';


 $('.classofthespantoclick').click(function(){

 $('#existingspanid').before(addnew);
 });

Answer 2

试试这个

JS

 $(function(){
  var addNewSpan = '<span class="PQM">New Span</span>';
  $('#xyz').click(function(){
   $('#abc').before(addNewSpan);
  });
});

HTML

 <span id="abc"> Hello</span>
 <input type="button" id="xyz" value="ABC"/>

演示

Answer 3

看看before()方法，比如：

$("#mySpan").before("<span>My new span</span>");

before() 文档

Answer 4

jQuery insertBefore 和 jQuery Before 是您所需要的

Answer 5

查看insertBeforejQuery 的功能。

像这样的东西：

theThingYouWantToAdd.insertBefore($('#idOfOtherEl'));

Answer 6

尝试以下操作：

var value = document.createElement("span");
value.innerHTML = "Some text";
document.body.insertBefore(value, spanID);

希望这可以帮助 ：）

Answer 7

在 YUI 中，我们可以这样做：

var newSpan = Y.Node.create("<span>");

Y.one("#myspan").insertBefore(newSpan);