特定の終了タグの隣にあるHTML要素を見つけよう

Question

の最後の<hr>タグが</main>タグの直前に存在するかどうかを調べたいと思います。

だから次に、直接終了</main>タグの前に、<main>タグ内の最後である<hr>タグが対象です：

<main> 
    <div> 
    lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsum 
    lorem ipsumlorem ipsumlorem ipsum 
    </div> 
    <hr class="container" /> 
    <div> 
    lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsum 
    lorem ipsumlorem ipsumlorem ipsum 
    </div> 
    <hr class="container" /> 
    <div> 
    lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsum 
    lorem ipsumlorem ipsumlorem 
    </div> 
    <hr class="container" /> 
</main> 

場合<hr>は、例えば、削除すべきではありませんが、 <div>タグは、その前にあります：

<main> 
    <div> 
    lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsum 
    lorem ipsumlorem ipsumlorem ipsum 
    </div> 
    <hr class="container" /> 
    <div> 
    lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsum 
    lorem ipsumlorem ipsumlorem ipsum 
    </div> 
    <hr class="container" /> 
    <div> 
    lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsum 
    lorem ipsumlorem ipsumlorem 
    </div> 
</main> 

Answer 1

$('main hr:last-child').remove(); 

Answer 2

jQuqeryソリューションは、ダウンセレクターの右を得るために来る：

あなたは、彼らが同じ親

$('hr').filter(function() { 
    return this === this.parentNode.lastElementChild; 
}).remove(); 

FIDDLE

、あるいはまた最後の子であるあらゆるHR要素をターゲットの最後の子かどうかに基づいて、HR要素をフィルタリングすることができます

if($('main .container:last-child').length > 0){ 
    // do your stuff 
} 

Answer 3

これを実現するには、main内の最後の要素を取得し、hr、もしそうならば、それを削除します。

var $last = $('main :last'); 
 
if ($last.is('hr')) 
 
    $last.remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<main> 
 
    <div> 
 
    lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsum 
 
    lorem ipsumlorem ipsumlorem ipsum 
 
    </div> 
 
    <hr class="container" /> 
 
    <div> 
 
    lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsum 
 
    lorem ipsumlorem ipsumlorem ipsum 
 
    </div> 
 
    <hr class="container" /> 
 
    <div> 
 
    lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsum 
 
    lorem ipsumlorem ipsumlorem 
 
    </div> 
 
    <hr class="container" /> 
 
</main>

ここ

はSOスニペットはまだ壊れているとして働いjsFiddleです：

Working example

Answer 4

if(!$('main hr:last').next().length) // checks if there is a next html element (sibling) after the last hr tag. 
    $('main hr:last').remove(); 

例：https://jsfiddle.net/zmb79f3a/1/