我有一些代码如下
<div class="box coursebox">
<h3 class="main"><a title="GCSE English" href="http://vle.sheffcol.ac.uk/moodle/course/view.php?id=1656">GCSE English</a> </h3>
</div>
<div class="box coursebox">
<h3 class="main"> <a title="GCSE Maths" href="http://vle.sheffcol.ac.uk/moodle/course/view.php?id=1526">GCSE Maths</a> </h3>
<div class="assign overview">
<div class="name"> Assignment: <a title="Assignment" href="http://vle.sheffcol.ac.uk/moodle/mod/assign/view.php?id=59691">Algebra assignment 1</a> </div>
<div class="name"> Assignment: <a title="Assignment" href="http://vle.sheffcol.ac.uk/moodle/mod/assign/view.php?id=59691">Algebra assignment 1</a> </div>
</div>
</div>
我想要做的是使用 jquery 添加以下 HTML 位
<span class="button" id="button">Show activities</span>
如果有一个 div.overview 作为子项,则到 H3 标签后的每个类(class)框。
首先,这可能吗?如果可能的话,如何实现?
谢谢
基兰
最佳答案
是的,这是可能的,试试这个:
$(".coursebox").has("div.overview").each(function() {
$("h3", $(this)).after("<span class=\"button\" id=\"button\">Show activities</span>");
});
关于jquery - 使用jquery添加依赖于其他html的html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12616804/