1

Всем привет. Есть следующий блок со всеми элементами с css display: none:

<div class="all_tasks">         
<div data-id="0">
    <input type="hidden" name="taskTitle[0]" value="Задача1">
    <input type="date" name="taskDate[0]" value="2017-07-17">
    <input type="hidden" name="taskComment[0]" value="Задача1">
    <input type="hidden" name="taskAddClient[0]" value="0">
</div>
<div data-id="1">
    <input type="hidden" name="taskTitle[1]" value="Задача2">
    <input type="date" name="taskDate[1]" value="2017-07-18">
    <input type="hidden" name="taskComment[1]" value="Задача2_текст">
    <input type="hidden" name="taskAddClient[1]" value="1">
</div>

Также есть следующая таблица:

<table>
<thead>
    <tr>
        <td>Задача</td>
        <td>Время задачи</td>
        <td></td>
    </tr>
</thead>
<tbody>     
    <tr data-id="0">
        <td>Задача1</td>
        <td> 2017-07-17</td>
        <td><a class="edit_task_link" href="#">Редактировать</a></td>
    </tr>
    <tr data-id="1">
        <td>Задача2</td>
        <td> 2017-07-18</td>
        <td><a class="edit_task_link" href="#">Редактировать</a></td>
    </tr>
</tbody>

Задача: найти по клику на ссылку в таблице элементы в блоке с классом all_tasks, у которых родительский элемент имеет атрибут data-id, равный data-id строки, в которой находилась ссылка. Понимаю, что нужно сделать вот так:

$(document).on('click', '.edit_task_link', function(){
var id = $(this).parent().attr('id');
alert(id);
)};

А что дальше делать? Как найти элемент по его атрибуту id?

1 ответ 1

3

Такой селектор должен сработать:

$('.all-tasks div[data-id=" + id + "]');
3
  • Вернее, так: $('.all-tasks div[data-id=" + id + "]');, верно? 17 июл 2017 в 18:47
  • Да, точно. Не обратил внимания на дочерний div. Но идею вы поняли - квадратные скобки. 17 июл 2017 в 18:57
  • Поправил ответ, пусть будет тут правильный ) 17 июл 2017 в 19:08

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.