jquery - 通过 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“ block ”构建的。现在我想使用 JQuery 获取“标题”类的 ID 和值，因为我想使用 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 div:

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

如果你想在 div 中添加标题:

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