Как с помощью eval запустить цикличный код с возрастанием?

Как можно сгенерировать jquery и запустить код внутри js файла?

Я пробовал через eval, и в принципе работает, но цифра не возрастает.

Вот мой код:

Code:

let code = 'for(var i = 1; i <= 46; i++){$("#lcomicspage' + i + '").appear();$("#lcomicspage' + i + '").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage' + i + '\"]").prop(\"selected\", true);});}';
eval(code);

Но вместо ' + i + ' у меня выходит всегда одна и та же цифра.

А должно получиться так:

Code:

$("#lcomicspage1").appear();$("#lcomicspage1").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage1\"]").prop("selected", true);});
$("#lcomicspage2").appear();$("#lcomicspage2").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage2\"]").prop("selected", true);});
$("#lcomicspage3").appear();$("#lcomicspage3").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage3\"]").prop("selected", true);});
И так далее 46 строк должно получиться...

А у меня почему-то цифра не растёт, в чём ошибка?

 

Вот это, когда юзер достигает нужного якоря, изменяется option в select с таким же value как и якорь.
Всё уже настроено и работает, осталось только генерировать вот этот код:

Code:

$("#lcomicspage1").appear();$("#lcomicspage1").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage1\"]").prop("selected", true);});
$("#lcomicspage2").appear();$("#lcomicspage2").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage2\"]").prop("selected", true);});
$("#lcomicspage3").appear();$("#lcomicspage3").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage3\"]").prop("selected", true);});
И так далее 46 строк должно получиться...

На каждой странице количество якорей всегда разное, может быть как 46, так и 23.
И исходя из этой цифры и нужно генерировать код выше.

 

В консоль выводит норм как надо, а вот с eval не срабатывает.

Code:

console.log(code[i]); заменить на eval(code[i]);

Так надо сделать?

 

Ок, поиграюсь с кодом дальше сам, спасибо за помощь.

 

А какие ещё есть варианты сгенерировать и запустить jQuery код?

 

Отправил.

Я там вставил в код alert("Test' + i + '"); чтобы проверить срабатывает скрипт или нет, и он не срабатывает, так как алерт не выводится.

Code:

code[i] = 'alert("Test' + i + '");$("#lcomicspage' + i + '").appear();$("#lcomicspage' + i + '").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage' + i + '\"]").prop("selected", true);});';

Но если удалить всю остальную часть и оставить только алерт, вот так:

Code:

code[i] = 'alert("Test' + i + '");';

Тогда норм срабатывает, и всплывает 43 алерта

Но почему не запускается алерт с остальным кодом, я вот понять не могу.

 

Хм, может в кавычках дело, но я вроде сделал экранирование.

 

Да, точно, попробовал изменить кавычки на одинарные и добавил экранирование вот так

Code:

$(\'#reader-pages option[value=\"#comicspage' + i + '\"]\')

И теперь работает, спасибо ещё раз