хочу знать, как я могу решить эту проблему. У меня есть ajax, который возвращает список bool, и в зависимости от его значения true или false, я хочу вернуть тот или иной стиль. Проблема в том, что элемент DOM, который я хочу изменить, создается динамически.
вот тимелист:
<form name="votesys" class="mr-auto" th:action="@{/votecreate}" sec:authorize="isAuthenticated()" th:object="${vote}" method="post">
<input name="tapa" type="hidden" th:object="${tapa}" th:value="${tapa.id}" />
<!-- //una instancia de user por una instancia de voto, un voto muchas tapas, eso creo-->
<input name="user" type="hidden" th:value="${usuario}" />
<input class="votolove" name="voto" type="submit" value="">
</form>
<a th:text="'Quitar voto'" th:href="@{/votedelete/} + ${tapa.id}" style="float:right;"></a>
запрос AJAX get:
const full = $('input[class="votolove"]');
//full.attr("value", "\uf004").css({"font-family": "'Font Awesome 5 Free'"});
//full.css({"font-weight": "900"});
$.ajax({
type: "GET",
url: "/isvoted",
success: function(result) {
if (result === undefined || result.length == 0 || typeof(result) === "string"){
console.log("no hay votos");
}else{
for (var voto of result) {
console.log(result);
if(voto === true){
full.prop('disabled', true);
console.log(voto);
}else{
full.prop('disabled', false);
console.log(voto);
}
}
}
},
error: function(result) {
console.log("error");
}
});
Aclarations: результат возвращает объект логических значений, а результат голосования правда или ложь. Я попытался использовать ввод, получив его имя, класс, но не работает, когда я попробовал идентификатор, он говорит, что страница DOM не должна иметь одинаковый идентификатор для элементов DOM
Я пытался и отключил кнопку, но она не работает, кажется, она получает последнее значение условия и применяет его ко всем элементам. Спасибо за поддержку, это меня бесит