javascript - 如何将元素附加到没有id的div

Question

我想使用 javascript 在 div 内添加链接，这个 div 没有 id ，但它有一个类:

<div class="details">
  <div class="filename">test.xml</div>
  <div class="uploaded">25/12/2012</div>

  <a href="#" class="delete">Delete</a>

  <div class="compat-meta"></div>
</div>

如何在“详细信息”div 内和“删除”链接上方添加链接？我要添加的链接是:

<a href="#edit_link" class="edit">Edit</a>

Answer 1

选择 jquery，它简单又干净。

你可以抓取具有特定类的任何元素

<div class="className" ></div>

像这样

<script>
$('.className'); 
</script>

现在你想在具有 delete 类的 anchor 之前附加一些其他元素，那么你可以这样做:

$('.delete').before('<a href="#edit_link" class="edit">Edit</a>'); 

还有其他方法可以将元素附加到任何其他元素或 dom 中

 1. $('.className').append('<div> i will be appended at the bottom of this element</div>');
 2. $('.className').after('<div> i will be appended right after this element</div>');

使用jquery需要用到它的api，直接使用this链接在您的页面中，或者下载最新的 jQuery api 并使用它。它更简单、更容易。