javascript - 使用一个 jquery 函数设置多表单选择下拉列表的样式

Question

我有这个 js 运行良好:

$(document).ready(function(){
    $("select").change(function () { 
       var str = ""; 
       str = $(this).find(":selected").text(); 
       $(".out").text(str); 
    }).trigger('change'); 

问题是，如果我有多个选择下拉列表(可以说没有限制)，我必须将类更改为另一个类，这样它就不会做同样的事情……意思是复制 jquery……有没有办法将它结合起来成一个？这是 fiddle ，看看我的意思:

LINK to FIDDLE

Answer 1

使用.next()

Fiddle Demo

$(document).ready(function () {
    $("select").change(function () {
        var str = "";
        str = $(this).find(":selected").text();
        $(this).next(".out").text(str);
        // find the next  element with class out element
    }).trigger('change');
})