如何獲取在方法之前附加的元素？

Question

源的例子是那種該

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

}); 

Unluck，但它沒有做任何事情。

該腳本找不到div#counter。如何得到它？

的HTML看起來像

<div id="slider"><ul class="slider" /></div> 

Answer 1

你使用它的方式，before是增加ul.slider作爲同級含div#counter標題塊。你可以通過檢查其相互父母爲它選擇滑塊：

$('a').click(function(){ 
    $('#slider').parent().find('#counter').text(" TEST "); 
}); 

Answer 2

試試這個，

採用滑蓋

$('a').click(function(){ 

    $('#slider').parent.find('#counter').text(" TEST "); 
}); 

以前

$('a').click(function(){ 

    $('#slider').prev('div').find('#counter').text(" TEST "); 
}); 

或使用家長直接與ID

$('a').click(function(){ 

    $('#counter').text(" TEST "); 
}); 

Answer 3

只要寫$('#counter').text(" TEST ")

也是我認爲你需要綁定你鏈接標籤像下面，

$('a', $('ul.slider')).click (function() { 
    $('#counter').text(" TEST ") 
}); 

Answer 4

首先，你」通過類名稱.slider重新引用滑塊，稍後通過編號#slider引用它。

其次，你不'具有ID'a'#a錨點，你可能想使用$('a')引用錨元素。

第三，您的選擇器正在尋找#counter滑塊內部，它不是孩子的。它被插入在滑塊之前，而不是作爲一個孩子。

看到這個搗鼓一些工作代碼http://jsfiddle.net/DyexP/2/

<ul id="slider" class="slider">ul</ul>​ 

var i = 1; 
var elms = 10; 
var options = {}; 
options.title = "title"; 

// 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'>click me</a></div></div>"; 

// put the elemnt with caption into the DOM 
$('ul.slider').before(caption_block); 

// by click in #counter TEST 
$('a').click(function(){ 
    $('#slider').parent().find('#counter').text(" TEST "); 
});​