通過ID動態選擇嵌套元素

Question

我從未完全理解JQuery選擇器。如何上/下或進出嵌套元素，這些嵌套元素是動態創建的，並且只能通過唯一的ID進行標識。例如現在我有這個：

<div class="item white" id="871" name="871"> 
    <span class="twitter"><a href="php/tweet.php">Tweet</a></span>   
    <div class="topleft"> 
     <ul class="ribbon pinky"> 
      <li class="date_header"></li> 
      <li class="date_number"></li> 
      <li class="date_footer"></li>       
     </ul> 
    </div> 
    <div class="bottomleft"> 
     <ul class="links"> 
      <li><a href=""><img src="" alt=""/></a></li> 
      <li><a href="mailto:"><img src="" alt=""/></a></li> 
     </ul> 
    </div> 
    <div class="topright"> 
     <ul class="white_box_content"> 
      <li class="picture"><img class="image" src="" alt="" /></li> 
      <li class="title"></li> 
      <li class="subtitle"></li> 
      <li class="description"></li> 
     </ul> 
    </div> 
    <div class="item_footer"> 
    <div class="line"></div> 
     <ul class="footer_content"> 
       <li class="place"></li> 
       <li class="contacts"></li> 
     </ul> 
    </div> 
</div> 

我的網頁是由這些HTML'塊'的數量。現在我想使用JQuery獲取ID和'title'類的值，因爲我想使用Ajax將它們傳遞給PHP文件。

$(".twitter").click(function(event){ 
     event.preventDefault(); 
      var i = $(this).closest('.item').attr('id'); 
      var t = TITLE ?? 
      $.get("php/tweet.php", { id: i, title: t }); 
      return false; 
}); 

我設法僅使用ID：

$(this).closest('.item').attr('id'); 

現在，怎麼我得到.title僞類？如何使用ID選擇正確的.TITLE？ 當我點擊鏈接時，我想將.title值傳遞給tweet.php。

Answer 1

一旦你的ID，你可以用它來獲取.title格：

var t = $("#"+i+" .topright .title"); 

如果你想在div裏面的標題：

var t = $("#"+i+" .topright .title").text(); 

Answer 2

嘗試find（）方法：

$(this).closest('.item').find('.title').html(); 

http://api.jquery.com/find/

http://api.jquery.com/class-selector/

該代碼獲取與類項目元素中與類標題元素的HTML內容。