jquery - 如何获取 jquery 中的父 id 和该父中所有元素的值？

Question

大家好，我有一个看起来像这样的

               <div id="Address1" class="span4">
                    <ul class="address-customstyle unstyled">
                     <a href="#"><i onclick="EditAddress(this.id)" id="2" class="icon-edit mrglft largesize">
                                 </i></a><a href="#"><i onclick="DeleteAddress(this.id)" id="Address1" class="icon-remove mrglft largesize">
                                                   </i>
                                             </a>
                                        <li>
                                 <label>
                         <strong>
             <u id="addressname">
                       asdasd
                  </u>
                </strong>: </label>
               <span>
                <p id="hno">asdasd</p>,
                 <p id="streetname">asdasd</p>,
                 <p id="city">asdasd</p>,<p value="1" id="state">Andhra Pradesh</p>
               </span></li></ul></div>

现在当我点击 EditIcon 我有这个的 id

              <i onclick="EditAddress(this.id)" id="2" class="icon-edit mrglft largesize">

现在我想要的是基于此我必须获取父 div 及其子元素的值

喜欢所有“p”元素的值和“u”的值，谁能告诉我我该怎么做

我现在正在做的这件事，但它没有进入循环

     function EditAddress(addressid) {
    alert(addressid);       
    alert(addresses);
    $("" + "#" + addressid + "").parent('.span4').find('p').each(function () {
        var $span = $(this);            
        var spanId = $span.attr('id');
        alert(spanId);
        var spanTxt = $span.text()
        alert(spanTxt);
    });

Answer 1

你必须这样做，它会降低循环级别。

var spanElem = $("#" + addressid).closest(".span4");
$("p", spanElem).each(function (){
   var $p = $(this);
   alert($p.attr("id"));
   alert($p.text());
});