jquery - 在selectmenu中获取当前元素的ui-selectmenu类

Question

未选择任何值时如何突出显示选择菜单。

我正在遍历下拉列表并检查它是否选择了值。如果没有值，它应该突出显示它并显示错误消息。不同的下拉菜单的错误消息是不同的。

$('a:visible + select.required').each(function(){
   var input = $(this);alert(input.val());
   if(!input.val()){
       //$(".ui-selectmenu").addClass('required');
       input.addClass('required');
       var msg = input.attr("title");
       input.after('<ul class="error"><li>'+msg+'</li></ul>');
       retVal = false;
}
});

如何突出显示选择菜单并在其下方显示错误消息。如果我使用input.after('<ul class="error"><li>'+msg+'</li></ul>');它可以在单个下拉列表中正常工作。但是，当我有多个下拉菜单时，显示的错误消息是相同的..意味着哪个是最后一个下拉菜单，所有错误的下拉菜单都会显示该错误消息。所以我需要类似input.$(".ui-selectmenu").after('<ul class="error"><li>'+msg+'</li></ul>'); 手段它应该采用当前下拉菜单，然后获取它的 .ui-selectmenu ，然后显示错误。有人可以帮我写一下吗。

谢谢