How to handle $("#C+++p") in jQuery selector?

Question

I have an HTML like this:

<div class='item'>
    <h1 id="C++">C++</h1>
    <p>some thing</p>
</div>

I want to use jQuery selector to select the p tag, I write:

$("#C+++p")

But It failed. Than I read the document about jQuery selector and made some change:

$("#C//+//+//+p")

It still not worked. What's the problem of my code? Thank you!

You use backslashes, not forward slashes, to escape special characters in jQuery selectors. — Anthony Grist, Oct 30 '14 at 14:02
[This ID is valid in HTML5, but not in HTML4](http://stackoverflow.com/a/79022/560648) and I'd avoid using the `+` character in general. The problem you're facing is just one reason why. — Lightness Races in Orbit, Oct 30 '14 at 14:05

Spokey · Accepted Answer · 2014-10-30T14:36:27.543

In your example you used the wrong slashes. To escape characters in a jQuery selector string you need to use two backslashes \\.

$('#C\\+\\+')

After escaping you can add the rest of the selector

alert($('#C\\+\\+ + p').text())

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class='item'>
    <h1 id="C++">C++</h1>
    <p>some thing</p>
</div>

Note: You only need to escape the +'s that are part of the ID or class.

How to handle $("#C+++p") in jQuery selector?

1 Answers1