2010-01-11 84 views
0

我想完成顯示與執行javascript語句的按鈕位於同一列表元素中的div。 整個列表由Ajax加載,所以使用的是實時功能。jquery頭痛 - 實時遍歷

但是,我現在很堅持,不知道如何繼續。我嘗試了EQ,接下來,父母,孩子以幾種不同的方式獲得成功,但這隻會讓我更加頭疼。

$('a[rel*=button]') 
    .live('click', function(event) { 
     event.preventDefault(); 
     url = this.href; 
    $(this).next().find(".theclassofthediviwannashow").show(); 
     return false; 
}); 

的HTML:

<div class="mydiv"> 
    <ul> 
     <li class="mylist"> 
     <a href="#" rel="button">Linktext</a> 
     <div class="theclassofthediviwannashow">Bla bla bla</div> 
     </li> 
    </ul> 
</div> 

希望有任何人誰有什麼我做錯了的想法。謝謝!

回答

2

如果div你想展示的是請在下次使用next()但你說你已經試過了。你可能會尋找是nextAll()

$('a[rel*=button]') 
    .live('click', function(event) { 
     event.preventDefault(); 
     url = this.href; 
     $(this).nextAll(".theclassofthediviwannashow").show(); 
    }); 
0

我不確定如果我誤解了你的問題,但只是刪除.find(".theclassofthediviwannashow"),只留下$(this).next().show();似乎做你想做的。

2

如果你的DIV始終遵循鏈接元素,你就應該能夠做到:

$(this).next().show() 
1

這應該工作:

$('a[rel*=button]') 
    .live('click', function(event) { 
     event.preventDefault(); 
     url = this.href; 
    $(this).next(".theclassofthediviwannashow").show(); 
     return false; 
});