源示例是这样的
// block with caption
var caption_block = "<div class='caption-block'><h1>"+ options.title + "</h1><div class='pages'><a href='/' id='left_pg'></a><div id='counter'>"+ (i+1)+'/'+(elms+1)+"</div><a href='/' id='right_pg'></a></div></div>";
// put the elemnt with caption into the DOM
$('ul.slider').before(caption_block);
// by click in #counter TEST
$('a').bind('click',function(){
$('#slider').find('#counter').text(" TEST ");
});
不幸的是,但它根本没有做任何事情。
脚本找不到div#counter
。如何获得?
html 看起来像
<div id="slider"><ul class="slider" /></div>
最佳答案
您使用它的方式,before
是将 ul.slider
添加为包含 div#counter
的标题 block 的同级。您可以通过检查 slider 的共同父级来选择 slider :
$('a').click(function(){
$('#slider').parent().find('#counter').text(" TEST ");
});
关于javascript - 如何获取 before 方法附加的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12625558/