使用一个jQuery函数设计多个表单选择下拉列表的样式

Question

我的这个js运作良好：

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

问题是如果我有多个选择下拉列表（让我说没有限制），我必须将类更改为另一个，这样它就不会做同样的事情……意味着重复jquery……是否有办法将其组合为一个？ 这是小提琴，看看我的意思：

链接到FIDDLE

Answer 1

使用.next（）

小提琴演示

$(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');
})