Как я могу удалить разные элементы на одной странице - PullRequest
Новая
       0

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

0 голосов
/ 28 мая 2020

как я могу удалить разные элементы на одной странице без перезагрузки страницы, например, я хочу удалить некоторые элементы и оставить остальные 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").remove();
  });
});
</script>
</head>
<body>

<div>
<p>remove this paragraph</p><button>close</button>
<p>leave this paragraph</p><button>close</button>
<p>remove this paragraph</p><button>close</button>
<p>leave this paragraph</p><button>close</button>
</div>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 29 мая 2020

ну, вам нужно изменить html, чтобы настроить таргетинг на элементы, для которых вы хотите добавить пользовательский class, например: 

<p>remove this paragraph</p><button>close</button>
<p>leave this paragraph</p><button>close</button>
<p class="item-to-remove">remove this paragraph</p><button>close</button>
<p>leave this paragraph</p><button>close</button>

, поэтому вам нужно изменить селектор CSS также в javascript: 

$(document).ready(function(){
  $("button").click(function(){
    $(".item-to-remove").remove();
  });
});
0 голосов
/ 28 мая 2020

Вот способ удалить предыдущий абзац кнопки, а также кнопку: 

$(document).ready(function(){
  $('button').click(function(){
    $( this ).prev('p').remove();
    $( this ).remove();
  });
});

Демо: https://codepen.io/aureliendebord/full/vYNqdrw

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...