JavaScript Подстановка переменной в строку WebView
Нужна ваша помощь! В программировании я новичок и не все понимаю. Пробую работать с модулем webview в androidstudio и хочу сделать почтовое приложение. Также есть функция чата, похожая на вотсап. Столкнулся с такой проблемой, что некоторые фрагменты текста, а именно список пользователей и сообщений в чате, немного смещены и текст наезжает друг на друга и выглядит это не очень.
Изменяю расположение текста через JS следующим образом
"document.querySelector("#samoware-talk > div.samoware-mainlist.samoware-mainlist__talks > div.samoware-mainlist__content.samoware-scroll.samoware-talk__content-list-scroll > ul > li:nth-child(1)").style.height = 'auto'; " + "document.querySelector("#samoware-talk > div.samoware-mainlist.samoware-mainlist__talks > div.samoware-mainlist__content.samoware-scroll.samoware-talk__content-list-scroll > ul > li:nth-child(1)").style.padding='10px 10px'; " +
"document.querySelector("#samoware-talk > div.samoware-mainlist.samoware-mainlist__talks > div.samoware-mainlist__content.samoware-scroll.samoware-talk__content-list-scroll > ul > li:nth-child(2)").style.height = 'auto'; " + "document.querySelector("#samoware-talk > div.samoware-mainlist.samoware-mainlist__talks > div.samoware-mainlist__content.samoware-scroll.samoware-talk__content-list-scroll > ul > li:nth-child(2)").style.padding='10px 10px'; " +
"document.querySelector("#samoware-talk > div.samoware-mainlist.samoware-mainlist__talks > div.samoware-mainlist__content.samoware-scroll.samoware-talk__content-list-scroll > ul > li:nth-child(3)").style.height = 'auto'; " + document.querySelector("#samoware-talk > div.samoware-mainlist.samoware-mainlist__talks > div.samoware-mainlist__content.samoware-scroll.samoware-talk__content-list-scroll > ul > li:nth-child(3)").style.padding='10px 10px'; " +
"document.querySelector("#samoware-talk > div.samoware-mainlist.samoware-mainlist__talks > div.samoware-mainlist__content.samoware-scroll.samoware-talk__content-list-scroll > ul > li:nth-child(4)").style.height = 'auto'; " + "document.querySelector("#samoware-talk > div.samoware-mainlist.samoware-mainlist__talks > div.samoware-mainlist__content.samoware-scroll.samoware-talk__content-list-scroll > ul > li:nth-child(4)").style.padding='10px 10px'; " +
цифра в скобках тега "nth-child" - это и есть каждый пользователь чата но у каждого будущего пользователя это количество может быть любым, в связи с чем добавлять большое количество строк с заменой цифр в теге "nth-chil" не очень удобно и правильно, в связи с чем, у меня вот такой вопрос: как бы добавить цикл, чтобы выглядело следующим образом:
"document.querySelector(".......samoware-talk__content-list-scroll > ul > li:nth-child("переменная цикла")").style.height = 'auto'; " +
"document.querySelector("#......samoware-mainlist__content.samoware-scroll.samoware-talk__content-list-scroll > ul > li:nth-child("переменная цикла")").style.padding='10px 10px'; " +
Спасибо!