Как скрыть родительский элемент из диапазона, используя jquery - PullRequest
Новая
       46

Как скрыть родительский элемент из диапазона, используя jquery

0 голосов
/ 26 февраля 2020

Newb ie alert - извините

Вот мой код: 

<div class="Links">
    <a href="/testthis1.html" data-id="button1">
        <img class="icon" src="/test1.png" alt="test1">
        <span>Test 1</span>
    </a>
    <a href="/testthis2.html" data-id="button2">
        <img class="icon" src="/test2.png" alt="test2">
        <span>Test 2</span>
    </a>
</div>

Мне нужно удалить 2-й тег привязки с пометкой «Test 2» внутри. Тем не менее, единственное место для вставки кода для его удаления - внутри самого диапазона. Я пробовал следующее, но это не работает: 

<script>
$(document).ready(function(){
    $(this).parent().hide();
})
</script>

Есть идеи? Спасибо.

Ответы [ 2 ]

0 голосов
/ 26 февраля 2020

Спасибо - я смог выполнить sh с этим CSS. Просто находил правильное место для размещения кода. 

a[href="/testthis2.html"] {
  display: none;
}
0 голосов
/ 26 февраля 2020

Я бы согласился с @Rory Mccrossan в комментариях, предполагая, что вы используете CSS для своего решения, поскольку за вашим вопросом нет условной логики c.

С учетом сказанного, что вы спрос на выполнимо через jQuery. У вас есть довольно много вариантов. Исходя из комментария Рори, вы можете также реализовать его CSS logi c в jQuery.

Пример: $(".Links a:nth-child(2)").hide();

Другие примеры включают селекторную логи c, такие как: $( "a[data-id='button2']" ).hide();

Fiddle здесь .

Существуют различные способы достижения того, что вы хотите, как с использованием, так и без использования JavaScript / jQuery в ваш случай.

...