javascript - 在某个 div 中查找元素并使用 jQuery 输出它们各自的文本

Question

我创建了一个小 div .form_single_input_field，其中包含多个 .form_single_input_field，我想记录它们各自的文本。但是，警报将输出连接在一起的所有值，而我想要一个值数组。我该如何实现？

$(".form_single_input_field").keyup(function () {

    var actualTarget = $(this).parent();        
    alert(actualTarget.find('.form_single_selection_option').text());


});

我知道有 .each() 函数，但是这个:

$(".form_single_input_field").keyup(function () {

    var actualTarget = $(this).parent();        
    $('.form_single_selection_option').each(function(){
         alert($(this).text());
    });


});

会提醒我文档中所有 .form_single_selection_option 的所有值，而我只想显示所选/当前字段的子项和子项的子项。

Answer 1

将您的代码更改为:

$(".form_single_input_field").keyup(function () {
    var actualTarget = $(this).parent();        
    $('.form_single_selection_option', actualTarget).each(function(){
         alert($(this).text());
    });
});