С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/41: Рейтинг темы: голосов - 41, средняя оценка - 4.85
5 / 0 / 2
Регистрация: 16.11.2013
Сообщений: 96

Обращение к родительскому элементу для текущего дочернего элемента

14.01.2015, 21:49. Показов 7585. Ответов 5
Метки нет (Все метки)

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


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div class="item">
   <table>
       <tr>
           <td></td>
       </tr>
       <tr>
           <td></td>
       </tr>
       <tr>
           <td></td>
       </tr>
   </table>
</div>
 
<div class="item">
   <table>
       <tr>
           <td></td>
       </tr>
       <tr>
           <td></td>
       </tr>
       <tr>
           <td></td>
       </tr>
   </table>
</div>

JavaScript
1
2
3
4
5
6
7
8
var $container = $('.item'),
     $row = $container.find('table').find('tr');
 
 
$row.click(function() {
 
/*  код, например, $(this).addClass('selected');  */
});
Вот мне надо, обратиться к родительскому контейнеру с классом class="item" при нажатии на текущую строку. Через this это можно сделать?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
14.01.2015, 21:49
Ответы с готовыми решениями:

Обращение к родительскому элементу при наличии элемента span
Здравствуйте, я новичок, пишу пользовательский скрипт на JS На странице есть несколько блоков со ссылками, похожие друг на друга как...

передать размер элемента родительскому элементу
Доброго времени суток! Только начинаю изучать js, помогите пожалуйста правильно сформулировать вот такую конструкцию: var...

Универсальный способ передачи данных из дочернего окна, Родительскому
Есть такой сценарий : Передаётся информация из первого окна во второе, затем из второго в третье. Закрываю последние 2 окна таким...

5
Superposition
 Аватар для Padimanskas
950 / 615 / 256
Регистрация: 27.10.2013
Сообщений: 2,083
14.01.2015, 22:16
$(this).parent().addClass(...)
0
5 / 0 / 2
Регистрация: 16.11.2013
Сообщений: 96
14.01.2015, 22:28  [ТС]
не все так просто, я забыл написать, что в обработчике клика для $row я запускаю функцию, которая принимает параметр $container, а это как известно массив объестов jquery, так как там будут как известно 2 контейнера с классом item, а я хотел бы обратиться именно к тому контейнеру, который является родителем для текущей нажатой строки.

Добавлено через 2 минуты
JavaScript
1
2
3
4
$row.click(function() {
 
 checkContainer($container);
});
типа того...
0
88 / 88 / 34
Регистрация: 22.05.2012
Сообщений: 404
15.01.2015, 03:06
или так
JavaScript
1
2
3
4
5
$(document).ready(function(){
    $('tr').on('click' , function(){
        $(this).parents('.item').css({ 'border' : '1px solid' });
    })
});
Или так
JavaScript
1
2
3
$(document).on('click' , 'tr' , function(){
        $(this).parents('.item').css({ 'border' : '1px solid' });
})
или так
JavaScript
1
2
3
4
5
6
7
$(document).on('click' , 'tr' , function(){
        some( this );
})
 
function some( el ){
    $(el).parents('.item').css({ 'border' : '1px solid' });
}
1
5 / 0 / 2
Регистрация: 16.11.2013
Сообщений: 96
15.01.2015, 11:52  [ТС]
выкладываю весь код для более понятного описания сложившейся ситуации:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
var $container = $('.category-section'),
        $row = $container.find('tbody').find('tr');
 
     
    $row.on('click', function() {
        $row.removeClass('m-selected');
    
        $(this).addClass('m-selected');
 
        var check = checkContainer($(this).parents('.category-section'));
 
        if(check) {
            $('#bank-info').modal();
 
            $('#bank-info').on('show.bs.modal', function(e) {
                /*Здесь я хочу вызвать модальное окно именно для текущей строки, на которую мы кликнули*/
            });
        }
 
        else {
            return;
        }
    });
 
    
 
 
    function checkContainer(container) {
        var str;
 
        str = container.find('header').find('h3').text();
 
        if(str == 'Список банков') {
            return true;
        }
 
        else {
            return false;
        }
    }

В условном операторе есть коммент. Но я опишу ситуацию еще раз: собираю все строки в одну выборку, вешаю на них событие клик, а затем запускаю функцию checkContainer и в зависимости, что она вернет делаю проверку, если true, то хочу запустить модальное окно. Но модальное окно должно относиться именно к той строке по которой мы кликнули
0
88 / 88 / 34
Регистрация: 22.05.2012
Сообщений: 404
15.01.2015, 12:10
Цитата Сообщение от den0820 Посмотреть сообщение
Но модальное окно должно относиться именно к той строке по которой мы кликнули

Пардонс а в чем связь строки с модальным окном ??
для текущаго ( по которому кликнули ) ка-то так
JavaScript
1
2
3
4
5
$('#bank-info').on('show.bs.modal', function(e) {
                /*Здесь я хочу вызвать модальное окно именно для текущей строки, на которую мы кликнули*/
if(checkContainer( $(this) ) === true){
  // do some
}
});
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
15.01.2015, 12:10
Помогаю со студенческими работами здесь

Получение доступа к родительскому элементу из вложенных друг в друга iframe
&lt;body&gt;&lt;iframe&gt; ... &lt;iframe&gt;&lt;/iframe&gt; ... &lt;/iframe&gt;&lt;/body&gt; Как из самого глубоко вложенного элумента iframe с n вложениями...

Как передать значение переменной из дочернего окна родительскому
Открываю дочернее окно и нужно оттуда получить значение переменных и вывести в родительском как это можно реализовать ? var newWindow...

Доступ к родительскому элементу и его методам из дочернего класса
У меня есть класс, описывающий мячик - берется картинка и помещается на родительском виджете Ping. Ниже привожу хедеры и код конструкторов....

Применение стилей к родительскому элементу
Здравствуйте ! Как с помощью css добавить свойства в родительский элемент ? например: &lt;div&gt; &lt;ul...

Применить стиль к родительскому элементу
Применить стиль к родительскому элементу Всем привет, подскажите пожалуйста. Вот есть такой код &lt;label...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
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/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru