У меня возникают проблемы с использованием переменной в качестве селектора для абзаца, на котором я хочу принять меры. В частности, у меня есть несколько элементов заголовка и одинаковое количество абзацев. Желаемый результат состоит в том, что, если я нажму на Title1, я начну действие с пунктом 1. Я сделал простой пример для целей разработки, в котором, если я нажму на название, текст соответствующего абзаца изменит цвет. Если я жестко программирую решение, оно работает, но передается переменной при неудачном селекторе.
jQuery выглядит следующим образом:
jQuery(document).ready(function($){
$(this).click(function(){
var target=(event.target.id);// Get the id of the title on which we clicked. We will extract the number from this and use it to create a new id for the section we want to open.
alert(target);// checking that we are getting the right value.
var openaddress=target.replace(/click/gi, "section");//create the new id for the section we want to open.
alert('"#'+openaddress+'"');//Confirm that the correct ID has been created
$('"#'+openaddress+'"').css( "color", "green" );//get the id of the click element and set it as a variable.
//$("#section1").css( "color", "green" );//Test to confirm that hard coded selector functions correctly.
return false;// Suppress the action on the anchor link.
});
});
Предупреждение возвращает следующую переменную
который кажется правильным и соответствует жестко закодированной версии.
Я опустил html, так как он работает в жесткой кодированной версии. Я полагаю, что с этой стороны нет проблем.
Буду признателен за то, что я делаю неправильно, и как его исправить.
Спасибо