string remove jquery

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 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace and a listener on the button. What did you try so far? — Lars-Olof Kreim, Jul 03 '18 at 06:32

score 2 · Accepted Answer · answered Jul 03 '18 at 06:33

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 03 '18 at 06:33

Ankit Agarwal

30,378
5
37
62

thank you very much !!!! – ctmong Jul 03 '18 at 06:43
@ctmong glad to help :) – Ankit Agarwal Jul 03 '18 at 06:48
Can I ask you one more question? – ctmong Jul 03 '18 at 07:15
@ctmong yes sure please. If its a bigger question you can create a new question – Ankit Agarwal Jul 03 '18 at 07:22
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();` – ctmong Jul 03 '18 at 07:32
You can do `minus1str_1.replace(new RegExp(minus1str_2, 'g'),'').replace(new RegExp(minus1str_3, 'g'),'')` – Ankit Agarwal Jul 03 '18 at 07:42
[link](https://jsfiddle.net/67a8qb5g/143/) it doesn't work ;( am i wrong code? – ctmong Jul 03 '18 at 08:01
@ctmong it works https://jsfiddle.net/67a8qb5g/145/ you are using incorrect regex as `new RegExp(minus2str_2, 'dd')`. It should be `new RegExp(minus2str_2, 'g')` – Ankit Agarwal Jul 03 '18 at 08:07
thank you so much. I learn a lot from you. thank you – ctmong Jul 03 '18 at 08:15

string remove jquery

1 Answers1