how to replace something by using replace with in JQUERY

Question

I want to replace the button submit identified by dvv with ""( just to remove the button). So I'm using this code, It works but I should click on the button 'test" twice to work. Any explanation?

<script>
    $.fn.gotof = function() { 
        $(document).ready(function(){
            $('#btt').click(function(){
                $('#dvv').replaceWith("");
            });
        });
    };

    function dofunc() {
        $.fn.gotof();  
    } 
</script>

<button id="btt" onclick="dofunc()">
    test
</button>
<div id="dvv">
    <input type="submit" value="submit">
</div>

what exactly is your requirement? want to delete the button? or replace the button text? — brk
– brk, Commented Apr 22, 2017 at 11:59

Pavlo Zhukov · Accepted Answer · 2017-04-22 12:06:44Z

There is another problem. You add event listener only by first click and on the second click it do your work

You can fix that in that way

function dofunc() {
  $('#dvv').replaceWith("");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btt" onclick="dofunc()">test</button>
<div id="dvv"> <input type="submit" value="submit"></div>

or that

$(document).ready(function() {
  $('#btt').click(function() {
    $('#dvv').replaceWith("");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btt">test</button>
<div id="dvv"> <input type="submit" value="submit"></div>

In your case you mixed this two approaches in wrong way

Full jQuery style:

$.fn.gotof = function() {
  $('#dvv').replaceWith("");
};


function dofunc() {
  $("#btt").gotof();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btt" onclick="dofunc()">test</button>
<div id="dvv"> <input type="submit" value="submit"></div>

brk · Accepted Answer · 2017-04-22 13:01:08Z

1

If you wan to delete the button, use remove method

$('#btt').click(function(){
            $(this).remove();
        });

answered Apr 22, 2017 at 13:01

brk

50.3k10 gold badges59 silver badges85 bronze badges

Comments

S. Walker · Accepted Answer · 2017-04-22 12:00:55Z

0

The first time you click the button, an onclick event handler is added. The second time you click the button an on click event handler is added and the PREVIOUSLY ADDED handler is fired.

Replace all your JavaScript with just this snippet

 $(document).ready(function(){
    $('#btt').click(function(){
        $('#dvv').replaceWith("");
     });
  });

answered Apr 22, 2017 at 12:00

S. Walker

2,16215 silver badges31 bronze badges

1 Comment

Maki Over a year ago

but I need some conditions in the function that's why I'm using that function "dofunc()"

Collectives™ on Stack Overflow

how to replace something by using replace with in JQUERY

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related