jQuery syntax error, unrecognised expression

Question

syntax error, unrecognised expression: #2015-11-30|1112|1

I have an anchor tag with an Id of '2015-11-30|1112|1' that I would like to apply a class to. I am doing the same method for on a '' and this works, but I am getting syntax errors with the following. Can anyone explain the syntax error?

   $(document).ready(function() {
        $("#tbl_calendar").on("click", "a", null, clickAppointment);
    });


function clickAppointment(eventData)
    {
        //Get the Id of the appointment that has been clicked:
        currentAppointment = $(this).attr('id');

        //alert('clicked' + '#'+currentAppointment)

        $('#'+currentAppointment).addClass('selected');
    }

What's the null doing there? Change it to $("#tbl_calendar").on("click", "a", clickAppointment);, if you're not passing data, no need to use that argument — adeneo
– adeneo, Commented Dec 6, 2015 at 22:49
Why not just $(this).addClass('selected');? You're trying to select an element with the same id as the clicked element. If an id is unique, that doesn't make sense. — Josh Crozier
– Josh Crozier, Commented Dec 6, 2015 at 22:51
Also have a look at this question for valid characters for IDs. — Quantumplate
– Quantumplate, Commented Dec 6, 2015 at 22:55
This question is similar to: HTML: Valid id attribute values?. If you believe it’s different, please edit the question, make it clear how it’s different and/or how the answers on that question are not helpful for your problem. — dumbass
– dumbass, Commented Oct 14, 2024 at 17:07

Zakaria Acharki · Accepted Answer · 2015-12-06 22:59:57Z

4

You should escape the special chracters in your id using \\, check example bellow.

Hope this helps.

console.log( $("#2015-11-30\\|1112\\|1").text() );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="2015-11-30|1112|1">Div text example</div>

edited Dec 6, 2015 at 22:59

answered Dec 6, 2015 at 22:53

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

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

Comments

rahul · Accepted Answer · 2015-12-06 22:57:37Z

2

For your current code to work, you don't have to use that id selector since you already have the reference of the object inside the event function.

$(document).ready(function() {
  $("#tbl_calendar").on("click", "a", clickAppointment);

  function clickAppointment(eventData) {
    //"this" will have a reference to the clicked object
    $(this).addClass("selected");
  }
});

Not sure about your HTML, but considering something similar to the below one.

<ul id="tbl_calendar">
  <li>
    <a id="2015-11-30|1112|1">Click</a>
  </li>
</ul>

Working sample

answered Dec 6, 2015 at 22:57

rahul

188k50 gold badges239 silver badges266 bronze badges

Collectives™ on Stack Overflow

jQuery syntax error, unrecognised expression

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related