Jquery выберите класс внутри родительского div

Я пытаюсь изменить высоту изображения, нажимаю на выбор класса изображения (add_answer)

Примечание:.add_answer появляется несколько раз внутри разных файлов, содержащих div.

jQuery(function(){   // Add Answer

    jQuery(".add_answer").click(function(){
        var count = $(this).attr("alt");
        count++;
        $('.a_type_'+count+'').show();
        $(this).parents("div:first").$('.add_answer').attr("alt", count);
    }); 

});

Эта строка, похоже, не работает, как мне выбрать этот класс add_answer через его родительский div

$(this).parents("div:first").$('.add_answer').attr("alt", count);

У кого-нибудь еще есть идея?

У меня возникли проблемы с уменьшением значения alt в образе .add_answer при нажатии .destroy_answer

jQuery(function(){   // Hide Answer

    jQuery(".destroy_answer").click(function(){
        $(this).parents("div:first").hide();
        var count = $('.add_answer').attr("alt");
        count--;
        $('.add_answer',$(this).parent('div:first')).attr('alt',count);


    }); 

});

Проблемная строка:

$('.add_answer',$(this).parent('div:first')).attr('alt',count);

Теперь у меня есть это $ (this) .parents ("div: first"). Find ('. Add_answer'). Attr ("alt", count); Но я только что понял, что div, который я пытаюсь получить, не родительский, а родительский для родительского div. как мне получить это?

adam 27.12.2008 03:55
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
22
1
95 624
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Это должно работать:

$(this).parent("div").find(".add_answer").attr("alt", count);
Ответ принят как подходящий

вы можете использовать родительский div в качестве области видимости:

 $('.add_answer',$(this).parent('div:first')).attr('alt',count);

Ваш код почти правильный. Обязательное изменение - использовать .find вместо. $ После метода .parents. Следует избегать использования .parent вместо .parents, так ваш код будет более ненавязчивым (именно так img может быть непрямым потомком div).

$(this).parents('div:eq(0)').find('.add_answer')

Вы можете манипулировать: eq (0), чтобы выбрать, например, третий родительский div, используя: eq (2).

Теперь у меня есть это $ (this) .parents ("div: first"). Find ('. Add_answer'). Attr ("alt", count); Но я только что понял, что div, который я пытаюсь получить, не родительский, а родительский для родительского div. как мне получить это?

adam 27.12.2008 03:56

Другие вопросы по теме