Jquery replace number in fixed location

Question

I am writing a function which is used to replace the class of div in certain conditions, for example,

condition A - the div class is e_new_hazard_frame_2_1_4_7, I want to replace the 2 to 1, outcome should be like this - e_new_hazard_frame_1_1_4_7
condition B - the div class is the same with above, I want to replace the 1 to 4, outcome should be like this - e_new_hazard_frame_2_4_4_7
condition C - the div class is the same with above, I want to replace the 4 to 6, outcome should be like this - e_new_hazard_frame_2_1_6_7
condition D - the div class is the same with above, I want to replace the 7 to 3, outcome should be like this - e_new_hazard_frame_2_1_4_3

these 4 numbers might be the same, like 1_1_1_1, my demo coding is like var str = 'e_new_hazard_frame_2_1'; str = str.replace(/_[_0-9]*)$/,'1');

it seems not correct can anyone teach me how to do it? thank you so much!

ABorty · Accepted Answer · 2013-06-20 08:00:49Z

1

Try this one.It may help you.

<div class="e_new_hazard_frame_2_1_4_7">click to change value</div>
<script type="text/javascript">
    $(".e_new_hazard_frame_2_1_4_7").on('click',function(){
    change_class(7); //change the value from here i.e 2,4,1,7
});

function change_class(p)
{
    var number_change=p;
    switch (number_change)
    {
        case 2:
        var str='e_new_hazard_frame_2_1_4_7';  
        str = str.replace(/[2]/g,'1');
        break;
        case 1:
        var str='e_new_hazard_frame_2_1_4_7';  
        str = str.replace(/[1]/g,'4');
        break;
        case 4:
        var str='e_new_hazard_frame_2_1_4_7';  
        str = str.replace(/[4]/g,'6');
        break;
        case 7:
        var str='e_new_hazard_frame_2_1_4_7';  
        str = str.replace(/[7]/g,'3');
        break;    
    }
$(".e_new_hazard_frame_2_1_4_7").html(str);
}
</script>

Please let me know if you face any problem.

edited Jun 20, 2013 at 8:00

answered Jun 20, 2013 at 7:53

ABorty

2,5121 gold badge15 silver badges16 bronze badges

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

Comments

AntouanK · Accepted Answer · 2013-06-20 06:46:22Z

0

Maybe use a function to handle the numbers however you want?

replace Javascript | MDN

function replacer(match, p1, p2, p3, p4, offset, string){
  // p1-4 are your numbers 
  // (they are strings right now, sto make +p1 to convert them to int)
  p1= +p1 + 1;
  p2= +p2 + 1;
  p3= +p3 + 1;
  p4= +p4 + 1;

  // fixed a small bug here
  return ['', p1, p2, p3, p4].join('_');
};

var str = "asdasdasd_1_2_3_4";
str = str.replace(/_(\d)_(\d)_(\d)_(\d)/, replacer);

edited Jun 20, 2013 at 6:46

answered Jun 20, 2013 at 6:13

AntouanK

5,0081 gold badge24 silver badges26 bronze badges

1 Comment

AntouanK Over a year ago

just fixed a small bug I had. Should work now. NOTE: it only works when all numbers are single digits.

HarryFink · Accepted Answer · 2013-06-20 06:21:20Z

0

This will replace all occurrence of 2 to 1 in str:

var str = 'e_new_hazard_frame_2_1_2_4'; 
str = str.replace(/2/g,'1');

To replace the class of your div:

var target_class = 'e_new_hazard_frame_2_1_4_7';
$('.'+target_class).removeClass(target_class).addClass(target_class.replace(/2/g,'1'))

edited Jun 20, 2013 at 6:21

answered Jun 20, 2013 at 6:13

HarryFink

1,0001 gold badge6 silver badges6 bronze badges

Comments

Nirmal · Accepted Answer · 2013-06-20 06:26:34Z

0

In PHP

    echo str_replace("2","1","e_new_hazard_frame_2_1_4_7");

For more reference visit this. Hope this will help you.

In JavaScript

 str.replace("e_new_hazard_frame_2_1_2_4","e_new_hazard_frame_1_1_2_4");

For more reference visit this

edited Jun 20, 2013 at 6:26

answered Jun 20, 2013 at 6:13

Nirmal

2,36822 silver badges44 bronze badges

1 Comment

HarryFink Over a year ago

He want to do it with JavaScript.

venkatesh · Accepted Answer · 2013-06-20 06:29:12Z

0

I think it might be useful to you `str='e_new_hazard_frame_2_1';

if(conditin1) 
{
 pattern = /[2]/g;
 str = str.replace(pattern,'1');
}

if(conditin2)
{
pattern = /[1]/g;
str = str.replace(pattern,'4');
}

if(conditin3)
{ 
 pattern = /[4]/g;
 str = str.replace(pattern,'6');
}

if(conditin4)
{
 pattern = /[7]/g;
 str = str.replace(pattern,'3');
}`

answered Jun 20, 2013 at 6:29

venkatesh

1541 silver badge13 bronze badges

Collectives™ on Stack Overflow

Jquery replace number in fixed location

5 Answers 5

Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related