循环通过div并检查第一个元素是否强大

时间:2014-01-28 17:43:00

标签: jquery html css

所以,我要做的是检查div是否在名为 .fake-title 的类之后(并且仅在其之后)包含元素。我不想抓住div中的所有强大元素,所以如果 .fake-title 之后没有元素,jQuery不应该做任何事情。< / p>

到目前为止,这是我的代码,不幸的是,它抓住了第一个元素,无论它放在何处。

HTML

<img src="assets/img/image_1.jpg" class="img-post">
<div class="body">
    <h1 class="fake-title"><a href=""></a></h1>

 <p><strong>Lorem Ipsum</strong> <br> Coba <strong>kalau</strong> kamu simpan ...</p>
</div>
<img src="assets/img/image_1.jpg" class="img-post">
<div class="body">
    <h1 class="fake-title"><a href=""></a></h1>
<p>What good is <strong>money</strong> if it can't inspire terror in your ..</p>
</div>

的jQuery

$('.body').each(function () {
 if ($('.fake-title').next('strong:first')) {
    $('.fake-title a', this).append($('strong:first', this));
    $('.fake-title a').find('strong').contents().unwrap();
 } else {
    console.log("No title found");
 }
});

这是一个Fiddle

1 个答案:

答案 0 :(得分:0)

$('.body').each(function () {
    if ($('.fake-title').next('strong:first')) {
        $('.fake-title a', this).append($('strong:first', this));
        $('.fake-title a').find('strong').each(function() {
            $(this)..contents().unwrap();
        });


    } else {
        console.log("No title found");
    }
});

$('.body').each(function () {
    if ($('.fake-title').next('strong:first')) {
        $('.fake-title a', this).append($('strong:first', this));
        $('.fake-title a').find('strong').each(function() {
            $(this).unwrap();
        });


    } else {
        console.log("No title found");
    }
});

它的帮助?