Сравнительный ID Pero Solo Funciona En El Primero

Sólo me recocos los atributos y valores del primer ID, безотносительно к суду. Muestro mi código a непрерывная деятельность:

index.php

   

funcionalidad.js

$('#boton_uno').attr('estado', opcion1);
$('#boton_dos').attr('estado', opcion2);

$('#boton_uno').html(label1);
$('#boton_dos').html(label2);

var boton1 = document.querySelector("#boton_uno");
var boton2 = document.querySelector("#boton_dos");

if (estado == 0) {
    boton1.style.backgroundColor = "green";
    boton2.style.backgroundColor = "orange";
} else if (estado == 1) {
    boton1.style.backgroundColor = "red";
    boton2.style.backgroundColor = "orange";
} else if (estado == 2) {
    boton1.style.backgroundColor = "red";
    boton2.style.backgroundColor = "green";
}

$('.boton-estado').click(function(){
    //aqui va codigo...
    }
});

Código del .js: https://jsfiddle.net/omaza1990/dakmcouv/

2
задан 21.05.2017, 14:32
2 ответа

Я думаю, что у тебя есть проблема концепций.

Идентификации - идентификаторы каждого из элементов. Они единственные и не должны повторяться в более чем одном элементе HTML. Они не являются обязательными.

Классы служат для того, чтобы распределить стили в более одного элемента внутри HTML. Также они не являются обязательными.

Однажды сказанный это, имели класс, и используя JQuery, если ты хочешь иметь в виду элемент, что ты нажал, в этом случае, кнопку, ты был бы должен использовать размещенное слово this. Элемент this также существуй для Javascript.

Посредством этого слова ты ссылаешься на элемент, который ты только что нажал (в случае, если это был другой тип события он сослался бы на элемент, который бросил это событие). Следовательно, для того, чтобы он достал признаки элементов, которые ты нажимаешь, ты был бы должен использовать это слово.

Пример использования, на которое, нажав каждую кнопку, я меняю цвет тех же самых и достаю из-за экрана Ваш соответствующий текст:

$(".boton-estado").click(function() {
     $(this).css('color', 'blue');
     
     alert($(this).text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id="boton_uno" class="boton-estado">Boton 1</button>&nbsp;&nbsp;&nbsp;
<button type="button" id="boton_dos" class="boton-estado">Boton 2</button>
1
ответ дан 24.11.2019, 12:27
  • 1
    Комментарии не должны быть использованными для распространенных дискуссий; эта conversació n был , перемещенной в чат . –  23.11.2016, 17:55
  • 2
    @LuiggiMendoza ¿ Có mo они перемещаются? Он пробовал создавать чат, но не sabí в как. – Francisco Romero 23.11.2016, 17:59
  • 3
    Уже creé. Спасибо Luiggi – omaza1990 23.11.2016, 18:14
  • 4
    После нескольких комментариев в publicació n, когда ты хочешь добавить новый один, появляется opció n, чтобы создавать зал чата (я должен искать изображение этого). Но не беспокойтесь, в моем комментарии está зал чата, где переместились Ваши комментарии, используйте эту. –  23.11.2016, 18:16
  • 5
    @LuiggiMendoza Sí я искал это сообщение, но не я salió несмотря на то, что имеет montó n. Спасибо за создание зала ^^ – Francisco Romero 23.11.2016, 18:18

я думаю, что оно функционирует, talves твое изменчивое состояние было проблемой

var boton1 = document.querySelector("#boton_uno");
var boton2 = document.querySelector("#boton_dos");
var estado=2;
if (estado == 0) {
    boton1.style.backgroundColor = "green";
    boton2.style.backgroundColor = "orange";
} else if (estado == 1) {
    boton1.style.backgroundColor = "red";
    boton2.style.backgroundColor = "orange";
} else if (estado == 2) {
    boton1.style.backgroundColor = "red";
    boton2.style.backgroundColor = "green";
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id="boton_uno" class="boton-estado">Boton 1</button>&nbsp;&nbsp;&nbsp;
<button type="button" id="boton_dos" class="boton-estado">Boton 2</button>
0
ответ дан 24.11.2019, 12:27
  • 1
    Ошибка это у меня есть, в котором só оно это я функционирует для первого элемента, для demá s не. Я думаю, что он, потому что я повторяю / удваиваю id, и IDs - ú nicos для má s элемента, así что... ¿ có mo podrí чтобы это изменять? – omaza1990 24.11.2016, 10:35
  • 2
    @omaza1990 в коде, который я поместил, нет повторения id – hubman 24.11.2016, 13:15
  • 3
    создав модального внутри while для каждого из пользователей / ids / линий / rows, которые существуют, так как тогда производятся много равных ids для кнопок. Но это стоит для td, не для нескольких tds... это тебе для td tambié n оно функционирует в меня, но когда я хочу подтвердить má s td он разбивает меня, потому что он повторяется, она пойдите кнопок. – omaza1990 24.11.2016, 14:37