Удалить элемент из формы, в которой была нажата кнопка.

@aNfain · Регистрация: 30.10.2016

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<form>
  <p class="text">программа - Минимум</p>
  <div  value="11" class="news1"> 1 </div>
  <div  value="22" class="news2"> 2 </div>
  <button class="button">нажми</button>
</form>
<form>
  <p class="text">программа - Максимум</p>
  <div  value="11" class="news1"> 1 </div>
  <div  value="22" class="news2"> 2 </div>
  <button class="button">нажми</button>
</form>

JavaScript
1
2
3
4
5
$(".button").on("click", function(){
  var text1 = $("p").text();
  $(".news2").attr("value", text1)
  $(".news2").text(text1)
});

Нужно брать var text1 = $("p").text(); из той формы, из которой была нажата кнопка. помогите плз

@mrtoxas · 17.02.2021, 02:24

JavaScript
1
2
3
$(".button").on("click", function () {
  $(this).closest("form").find("p").text("");
});

@aNfain · 17.02.2021, 04:51 **[ТС]**

JavaScript
1
2
3
4
5
6
$(".button").on("click", function(){
  var text1 = $(this).closest("form").find("p").text();
  $(this).closest("form").find(".news2").text(text1)
  console.log(text1);
  return false;
});

работает, спасибо. без return false; пишет Not Found.

@amr-now · 22.02.2021, 12:05

Сообщение от aNfain

без return false; пишет Not Found.

JavaScript
1
2
            // Предотвратить перезагрузку страницы при button type="submit"
            event.preventDefault();

или сразу в HTML сделать

HTML5
1
<button type="button" class="button">нажми</button>

Сам скрипт можно написать проще и понятнее:

JavaScript
1
2
3
4
5
6
7
        $(".button").on("click", function (event) {
            // Предотвратить перезагрузку страницы при button type="submit"
            event.preventDefault(); 
            var text1 = $("p", this.form).text();
            $(".news2", this.form).attr("value", text1);
            $(".news2", this.form).text(text1);
        });

@aNfain · 23.02.2021, 04:40 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="parent-container">
  <a href="path-to-image-1.jpg">Open popup 1</a>
  <a href="path-to-image-2.jpg">Open popup 2</a>
  <a href="path-to-image-3.jpg">Open popup 3</a>
</div>
<div class="parent-container">
  <a href="path-to-image-1.jpg">Open popup 1</a>
  <a href="path-to-image-2.jpg">Open popup 2</a>
  <a href="path-to-image-3.jpg">Open popup 3</a>
</div>
<div class="parent-container">
  <a href="path-to-image-1.jpg">Open popup 1</a>
  <a href="path-to-image-2.jpg">Open popup 2</a>
  <a href="path-to-image-3.jpg">Open popup 3</a>
</div>

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="block">
   <div class="block__item">
    <a class="" href="1.jpg">
          <img src="1.jpg" alt="">
    </a>
    <a href="2.jpg"></a>
    <a href="3.jpg"></a>
    <a href="4.jpg"></a>
   </div>
   <div class="block__item">
    <a class="" href="1.jpg">
          <img src="1.jpg" alt="">
    </a>
    <a href="2.jpg"></a>
    <a href="3.jpg"></a>
    <a href="4.jpg"></a>
   </div>

JavaScript
1
2
3
4
5
$('.parent-container').magnificPopup({
  delegate: 'a', // child items selector, by clicking on it popup will open
  type: 'image'
  // other options
});

а как тут взять ссылку внутри нужного блока? читал про this, но плохо понимаю как он работает.
я жму img и открываю popup, а там все ссылки, т.к. у родителя один класс. не хочу давать разные классы.

Добавлено через 1 час 23 минуты
нашёл решение, но можете написать свою версию

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

Удалить элемент из формы, в которой была нажата кнопка.

Решение

Решение