Здравствуйте, есть такой код. При запуске, он скрывает текст всех элементов кроме тех что с текстом Show, вопрос, нужно сделать так чтобы он скрывал не только текст, но и весь блок вместе с родителем иначе так остаются рамки красные без текста.
$('div.name').each(function () {
if ($(this).text() !== 'Show') {
$(this).css('display', 'none');
}
});
li {
border:1px solid red;
margin:20px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li>
<a href="#" class="ui-btn">
<div class="name">Show</div>
</a>
</li>
<li>
<a href="#" class="ui-btn">
<div class="name">Hide</div>
</a>
</li>
<li>
<a href="#" class="ui-btn">
<div class="name">Hide</div>
</a>
</li>
$(this).css('display', 'none');
на$(this).parnt().css('display', 'none');
Полный код$('div.name').each(function () { if ($(this).text() !== 'Show') { $(this).parnt().css('display', 'none'); } });
div
,a
илиli
?$(this).closest('li').hide();