string remove jquery [duplicate]

Question

<div id="minus1">
    <input id="minus1str_1" class="input_box"> -
    <input id="minus1str_2" class="input_box"> =
    <span id="minus1_total"></span>
    <button id="m_cal1" type="button" style="margin-left:100px;">done</button>
</div>

if minus1str_1 enter "abcde" and minus1str_2 enter "abc" minus1_total = "de"

I want to know how to create code with jQuery.

well this should be done with replace developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… and a listener on the button. What did you try so far? — Lars-Olof Kreim
– Lars-Olof Kreim, Commented Jul 3, 2018 at 6:32

Ankit Agarwal · Accepted Answer · 2018-07-03 06:33:36Z

2

You can use replace() which will replace the string with '' so that it will simulate as if it has been subtracted:

$('#m_cal1').click(function(){
  var minus1str_1 = $('#minus1str_1').val();
  var minus1str_2 = $('#minus1str_2').val();
  $('#minus1_total').html(minus1str_1.replace(minus1str_2,''));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="minus1">
    <input id="minus1str_1" class="input_box"> -
    <input id="minus1str_2" class="input_box"> =
    <span id="minus1_total"></span>
    <button id="m_cal1" type="button" style="margin-left:100px;">done</button>
</div>

If you want to subtract all the occurrences then use global replace like:

$('#m_cal1').click(function(){
  var minus1str_1 = $('#minus1str_1').val();
  var minus1str_2 = $('#minus1str_2').val();
  $('#minus1_total').html(minus1str_1.replace(new RegExp(minus1str_2, 'g'),''));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="minus1">
    <input id="minus1str_1" class="input_box"> -
    <input id="minus1str_2" class="input_box"> =
    <span id="minus1_total"></span>
    <button id="m_cal1" type="button" style="margin-left:100px;">done</button>
</div>

answered Jul 3, 2018 at 6:33

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

ctmong Over a year ago

thank you very much !!!!

Ankit Agarwal Over a year ago

@ctmong glad to help :)

ctmong Over a year ago

Can I ask you one more question?

Ankit Agarwal Over a year ago

@ctmong yes sure please. If its a bigger question you can create a new question

ctmong Over a year ago

I wanna know what to do if one more input is added to the code I asked ex) string - string - string / add: var minus1str_3 = $('#minus1str_3').val();

|

Collectives™ on Stack Overflow

string remove jquery [duplicate]

1 Answer 1

9 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Linked

Related