Ответы пользователя по тегу HTML
  • Как сделать список задом наперед?

    @KnightForce
    Кустарный, вариант.
    Мб знатоки CSS знают как сделать на нем.
    var parent = document.body.querySelector('.footer_block');
    var arr = Array.from(parent.querySelectorAll('footer_block')).reverse();
    for(let tag of arr) {
     parent.append(tag)
    }
    Ответ написан
    Комментировать
  • Как сделать одно из двух полей выбранным?

    @KnightForce
    1) Вызови на ней click():
    elem.click(); //Это запуск события из кода
    2) Если скрываешь добавляя определенный класс, то добавь его сразу.
    3) Если через style, то:
    elem.style.display="block";
    Ответ написан
    Комментировать
  • Как получить значение текущего элемента(this)?

    @KnightForce
    Не до конца понял, откуда ты хочешь получать.
    По клику или как.
    Как я понял, тебе нужно узнать значение input, независимо от количества таких же div.
    Если по событию, то как-то так:
    Допустим у всех кнопок ADD есть класс buttonAdd.
    Покажу пример с обработчиком на body и делегированием.
    var body=$("body");
    
    body.on("click", function(e){
       var bittonAdd=$(e.target).closest(".buttonAdd");
       if(!bittonAdd.length) return false;
    /*
    проверка длины нужна, потому что hasClass проверяет наличие класса, а closest, если не найдет подходящего родителя вернет пустой объект (который при преобразовании к булеву типу будет true).
    */
       var div = bittonAdd.closest("div");//Если у div есть класс, то bittonAdd.closest(".имяКласса");
       var input = div.find("input");
       var value = input.val();//Это и есть значение.
    //Добавить в таблицу:
      div.find("table").append("<tr><td>"+value+"</td><td>здесь твои кнопки<td><tr>");
    /*
    Не children, если input прямой потомок, то можно children, но если нет - то он его не найдет
    */
    });


    Подробно расписал, чтобы было понятно.

    Для ускорения работы, можешь сделать шаблон строки для таблицы:
    body.on("click", function(e){
       var bittonAdd=$(e.target).closest(".buttonAdd");
       if(!bittonAdd.length) return false;
       var div = bittonAdd.closest("div");
       var value = div.find("input").val();//Это и есть значение.
       var tr = hideLine.clone(true);
       tr.find("td").eq(0).text(value);
       div.find("table").append(tr);
    });
    
    //тот самый шаблон:
    
    var hideLine = $("<tr><td></td><td>здесь твои кнопки<td><tr>");
    Ответ написан
    1 комментарий