Добър ден.
Всъщност това е wordpress сайтът, но имам нужда от общото решение с помощта на jquery (ако е възможно) Опитвам се да премахна
етикет до края на div.
Вижте, използвам div като тук
<div class="one_third">
<p>This is for testing</p>
</div>
<br> <!--This one -->
<div class="one_third">
</div>
<br><!--This one -->
<div class="one_third">
</div>
<br><!--This one -->
В горния пример използвам класа наone_third в div вътре в този div и аз използвам br tag. Но всичко, което искам да премахна br тага, който е извън div, имам предвид в края на div в jquery.
</div>
<br>
Не съм сигурен как да направя това в jquery (ВсъщностОпитвам се с wordpress забрани wpautop премахва br таг, който също е вътре в div (аз не искам да премахна br таг вътре в div само извън div, имам предвид края на div)).
Всяко предложение би било чудесно :)
Благодаря, Вики
Отговори:
6 за отговор № 1Това е следващото братя на елемента с клас one_third
$(".one_third").next("br").remove()
Демонстрация: цигулка
7 за отговор № 2
Трябва просто да поставите HTML на един ред.
wpautop вложки <br>
в нови редове, така че поставянето на HTML код на един ред избягва целия проблем.
<div class="one_third"><p>This is for testing</p></div><div class="one_third"></div><div class="one_third"></div>
Начинът, по който структурирате маркирането, е всичко, когато wpautop е активиран.
3 за отговор № 3
Решение, което не е JavaScript, би било обикновен селектор на CSS братя и братя
.one_third + br {
display : none;
}
Ако наистина искате да използвате jQuery, можете да използвате същия селектор и да използвате remove()
$(".one_third + br").remove();
3 за отговор № 4
Можеш да използваш next()
и remove()
методи в jQuery за това
$(".one_third").next("br").remove();