Question

我有一个动态创建的<select>。为了将更改事件绑定到它，我使用以下代码：

$(document).on('change', $('select[name^="time_types"]'), function() {
    // do something
}

我需要获取对此特定<select>元素的引用，以便将某些文本附加到兄弟元素。

例如：

$(document).on('change', $('select[name^="time_types"]'), function() {
    $('select[name^="time_types"]').siblings('.mileageInfo').append('Some text.');
}

显然这会附加“一些文字”。到页面上每个<select>元素的末尾，名称以“time_types”开头，这不是我想要的。

如何获取对上面传递给$（document）.on（）函数的特定<select>的引用，以便我只能将文本附加到该元素？

Answer 1

如何获取对传递给的特定内容的引用上面的$（document）.on（）函数，以便我只能附加文本那个元素？

简单地替换

$('select[name^="time_types"]').siblings('.mileageInfo').append('Some text.');

与

$(this).siblings('.mileageInfo').append('Some text.');

$(this)将引用当前的选择框。

顺便说一句，on方法没有采用jquery元素。相反，它采用选择器字符串。

$(document).on('change', 'select[name^="time_types"]', function() {
    $(this).siblings('.mileageInfo').append('Some text.');
}

获取对动态创建的元素的特定选择器的引用

1 个答案: