Как использовать jQuery для выбора входа для использования с .empty ()?

Question

В HTML ниже, как я могу использовать jQuery .empty для удаления <div class="password-link"> и всего, что находится внутри - href link, текста Log in и </a> - а также закрытия </div>?

Я пытаюсь использовать

jQuery('#lostpasswordform input#wp-submit').empty('password-link');

, но я не должен правильно выбирать вход или форму.

<form name="lostpasswordform" id="lostpasswordform" action="http://localhost/~user/wp-core/wp-login.php?action=lostpassword" method="post">
  <input type="hidden" name="redirect_to" value="">
     <p class="submit">
        <input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="">
// Remove this:
    <div class="password-link"><a href="http://localhost/~user/wp-core/wp-login.php">Log in</a></div>

    </p>
</form>

Answer 1

Убедитесь, что вы хотите удалить этот элемент или очистить его содержимое

$('.password-link').empty() вернет:

<div class="password-link"></div>

, в то время как $('.password-link').remove() удалит / удалит этот элемент .password-link

Answer 2

.empty () удаляет дочерние узлы и контент. Поэтому div, который вы хотите удалить, должен быть обернут вокруг другого div, и вы можете вызвать метод .empty () для этого родительского div.

Answer 3

Вы можете попробовать этот способ

$('#lostpasswordform input#wp-submit').on("click", function(){
  var $passwordlink = $(".password-link");
  $passwordlink.empty();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form name="lostpasswordform" id="lostpasswordform" action="http://localhost/~user/wp-core/wp-login.php?action=lostpassword" method="post">
  <input type="hidden" name="redirect_to" value="">
     <p class="submit">
        <input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="">
// Remove this:
    <div class="password-link"><a href="http://localhost/~user/wp-core/wp-login.php">Log in</a></div>

    </p>
</form>