Assign a class to the list item that has a designated ID

Question

I am attempting to assign a class to a specific li element based on its id. Below is the code I have tried:

function updateIndex(indexValue){
    $('li[id=' + indexValue + ']').addClass("selectedQuestion")
}

However, I seem to be encountering an issue where the indexValue variable is not accessible within the li selector.

Answer 1

Answer №1

To utilize the value of the indexValue parameter, you must perform a string concatenation:

$('li[id=' + indexValue + ']').addClass("selectedQuestion")

Alternatively, if you are targeting an id attribute:

$('li#' + indexValue).addClass("selectedQuestion");

If the id is unique, then you can omit the 'li' part (unless you specifically want to target an li element with that id):

$('#' + indexValue).addClass("selectedQuestion");

Answer 2

To utilize the value of the indexValue parameter, you must perform a string concatenation:

$('li[id=' + indexValue + ']').addClass("selectedQuestion")

Alternatively, if you are targeting an id attribute:

$('li#' + indexValue).addClass("selectedQuestion");

If the id is unique, then you can omit the 'li' part (unless you specifically want to target an li element with that id):

$('#' + indexValue).addClass("selectedQuestion");

Answer 3

function highlightSelectedQuestion(index){
   $('li[id=' + index +']').addClass("selectedQuestion")

}

Answer 4

function highlightSelectedQuestion(index){
   $('li[id=' + index +']').addClass("selectedQuestion")

}

Answer 5

For optimal performance, replace your existing code with this snippet. Ensure that the variable indexValue is properly concatenated.

function updateIndex(indexValue){
  $('li[id=' + indexValue + ']').addClass("selectedQuestion")
}

Answer 6

For optimal performance, replace your existing code with this snippet. Ensure that the variable indexValue is properly concatenated.

function updateIndex(indexValue){
  $('li[id=' + indexValue + ']').addClass("selectedQuestion")
}