Question

如何使用javascript在另一个现有span标记之前添加HTML表单中的span标记？我知道现有span标签的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"/>

Demo

Answer 3

查看before()方法，例如：

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

before() Documentation

Answer 4

jQuery insertBefore 和 jQuery Before 是你需要的

Answer 5

查看jQuery的insertBefore函数。

这样的事情：

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);

如何使用javascript在现有span标记之前添加span？

7 个答案: