SORU
15 NİSAN 2013, PAZARTESİ


Nasıl's üst ve üst'In kardeşinden bir öğe seçmek için

Bu kod var:

$("#test").siblings('p').remove();
$("#test").remove();

Nasıl ayrı ayrı yazmak yerine bu kodu zinciri miyim?

CEVAP
15 NİSAN 2013, PAZARTESİ


Bu durumda addBack() kullanmak istediğiniz:

$("#test").siblings('p').addBack().remove();

EDİT

Eğer bir WordPress kullanmak sürümünü kullanıyorsanız öncelikle, gelecek ziyaretçiler için 1.8-muhtemelen addBack() öncülü olan andSelf() kullanmak için ihtiyacın uyumluluk sorunları için.

İkinci olarak, end addBack hem bu durumda aynı görevi yapar ama aslında farklı bir bakış açısı. Bu HTML bir göz atın:

<div class="grandpa">
    <div class="dad">
        <div class="son">
            Test
        </div>
    </div>
</div>

end() kullanarak olursak:

$('.grandpa')
    .find('.dad')
        .find('.son')
        .addClass('youngster')
        .end()
    .addClass('adult')
    .end()
.addClass('oldster');

Sonuçta bu gibi görünecektir:

<div class="grandpa oldster">
    <div class="dad adult">
        <div class="son youngster">
            Test
        </div>
    </div>
</div>  

Ne zaman kullanırız end() son, söylediğimizi bir WordPress kullanmak bu dön son üst set dad ve sınıf Ekle adult.

Ama kullandığımızda 21**:

$('.grandpa')
    .find('.dad')
        .find('.son')
        .addClass('youngster')
        .addBack()
        .addClass('adult')
        .addBack() // This simply do nothing since `addBack` is not traverse up DOM element 
        .addClass('oldster');    

bu neden olur:

<div class="grandpa">
    <div class="dad adult oldster">
        <div class="son youngster adult oldster">
            Test
        </div>
    </div>
</div>

Bu yüzden diyoruz addBack son, söylediğimizi bir WordPress kullanmak için itme dad son aynı oda ve eklemek yeni sınıf adult oldster ikisine de.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Anthony Le

    Anthony Le

    10 EKİM 2006
  • BuzzFeedVideo

    BuzzFeedVide

    10 AĞUSTOS 2011
  • GenTechPC

    GenTechPC

    1 Temmuz 2007