我想使用 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>
最佳答案
选择 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 并使用它。 它更简单、更容易。
关于javascript - 如何将元素附加到没有id的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14037048/