Change div id if spaces exist in id

Question

I am using

 <div id="123456ABC" class="classname" onclick="javascript:AddValue(aa.value,'33',bb.value,'1000')"></div>
<div id="78904 bbc" class="classname1" onclick="javascript:AddValue(aa.value,'55',bb.value,'2000')"></div>

I need to remove the spaces and text after space in the id if space exist in the id

in the above case i need the id as id=123456ABC and id=78904

_I need to remove the spaces and text after space in the id if space exist in the id_. Can please clarify this line — brk, Jul 22 '16 at 12:32
So show us what have you tried? I suggest looping elements, check it's ID and find space in there, if found - do replace logic — Justinas, Jul 22 '16 at 12:33
better to use the trin while giving generating the dynamic id. — Punit Gajjar, Jul 22 '16 at 12:33
Best solution if i tell you then , try to use str_replace(' ', '', $string); of the php function while generating your id , this way you will not have to add the javascript code as given in the ans, though that ans is very use full be logically it should be better to remove the space while we are generating the id dynamically. — Punit Gajjar, Jul 22 '16 at 12:39

score 2 · Answer 1 · answered Jul 22 '16 at 12:34

2

try this

$( "div" ).each( function(){
   var id = $(this).attr("id");
   var spaceIndex = id.indexOf(" ");
   id = spaceIndex == -1 ? id : id.substring(0, spaceIndex);
  $(this).attr("id", id);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="123456ABC" class="classname" onclick="javascript:AddValue(aa.value,'33',bb.value,'1000')"></div>
<div id="78904 bbc" class="classname1" onclick="javascript:AddValue(aa.value,'55',bb.value,'2000')"></div>

answered Jul 22 '16 at 12:34

gurvinder372

66,980
10
72
94

good one , but how about if he use the str_replace from the php while generating the id dynamically. – Punit Gajjar Jul 22 '16 at 12:40
@PunitGajjar not aware of OP's context, but yes if he doesn't want it why generate it at first place? But it is upto OP to answer. – gurvinder372 Jul 22 '16 at 12:41

score 0 · Answer 2 · edited May 23 '17 at 11:44

0

You can use below script to remove inner space.

str = str.replace(/\s/g, '');

more information provided here:-

How to remove spaces from a string using JavaScript?

edited May 23 '17 at 11:44

Community

1
1

answered Jul 22 '16 at 12:33

Deepak Dholiyan

1,774
1
20
35

score 0 · Answer 3 · answered Jul 22 '16 at 12:35

0

If you want to remove spaces from all div then you can try code below:

$.each($(div), function(k, v) {
     var id = $(this).attr('id');
     var temp = id.split(" ");
     $(this).attr('id', temp[0]);
});

Hope, it will help you.

answered Jul 22 '16 at 12:35

Lovepreet Singh

4,792
1
18
36

score 0 · Answer 4 · edited Jul 22 '16 at 13:33

0

You can use the following code to strip out the spaces (assuming you have the ID in a variable called originalId):

var noSpaceId = originalId.replace(/ +/g, "");

edited Jul 22 '16 at 13:33

Evan Porter

2,987
3
32
44

answered Jul 22 '16 at 12:37

Ray

280
3
4

score 0 · Answer 5 · answered Jul 22 '16 at 12:40

0

Please check below code to remove string after space for all the divs.

$(document).ready(function(){
  $('div').each(function(){
    $(this).attr('id',(this.id).split(' ')[0]);
  });
})

Please look in to https://jsfiddle.net/2kaak2ur/

answered Jul 22 '16 at 12:40

Rahul Patel

5,248
2
14
26

Change div id if spaces exist in id

5 Answers5