How to handle spaces in div id in jquery

Question

I am getting id of div from external source and in that spaces also coming in id , how to get the value of id. Here is my div example:

<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 get the class name from the id. Here is what I am doing:

function AddValue(aa, bb) {
    var classOfDiv = $('#123456ABC').attr('class');
    var classOfDivs = $('#8904 bbc').attr('class');
    alert(classOfDiv);
    alert(classOfDivs);
}

The first alert is working fine but second is not fetching a value. How can I handle this? All the values are dynamic.

The question is moot as `id` attributes cannot have spaces in. The HTML you're retrieving is invalid for that reason — Rory McCrossan, Jul 12 '16 at 11:58
@RoryMcCrossan id is coming as space as response from external application — vellai durai, Jul 12 '16 at 12:00
@vellaidurai change this thing `div id="78904 bbc"` do something like `div id="78904bbc"` — Santhucool, Jul 12 '16 at 12:01
Possible duplicate of [jquery IDs with spaces](http://stackoverflow.com/questions/596314/jquery-ids-with-spaces) — derloopkat, Jul 12 '16 at 12:02
@vellaidurai in which case you should inform them that they need to fix this issue. You could use an attribute selector as a workaround though — Rory McCrossan, Jul 12 '16 at 12:02
A duplicate of a duplicate. Also check http://stackoverflow.com/questions/6802765/jquery-dealing-with-a-space-in-the-id-attribute — derloopkat, Jul 12 '16 at 12:03

score 1 · Answer 1 · answered Jul 12 '16 at 12:01

Use $("div[id='78904 bbc']") to access element which has spaces in id, Try:

var classOfDiv = $("div[id='123456ABC']").attr('class');        
var classOfDivs = $("div[id='78904 bbc']").attr('class');
alert(classOfDiv);
alert(classOfDivs);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/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>

so strange...why downvoting?? – Dhara Parmar Jul 12 '16 at 12:04 — Dhara Parmar, Jul 12 '16 at 12:04

How to handle spaces in div id in jquery

1 Answers1