Remove an Element Using jQuery please how do i get over this

Tell us what’s happening:

Your code so far


<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
     $("#target4").remove("#target4");
  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36.

Link to the challenge:

$("#target4").remove("#target4");

OK, you got the right idea, but you are targeting that element twice. You only need to do it once. Usually you do it with the first half and not the second, not giving a parameter to the method, for example:

$("#my-element-id").remove();

There are cases that you can send a selector to the remove method as a filter, but I think here it is just confusing it. Send no parameters to remove and it will pass.

1 Like

Very Helpful. Thank you.