jquery ui autocomplete中xml响应中的CSS

Question

是否有一种方法可以在XML响应中为标签的一部分提供不同的CSS类?换句话说，标签值现在是

label: $( "name", this ).text() + ", " + ( $.trim( $( "countryName", this ).text() ) || "(unknown country)" ) + ", " + $( "countryCode", this ).text()

我希望只给$("countryCode"， this).text()一个不同的css类，因为我希望它的字体必须小于其他(name和countryName)

有办法吗?

success: function( xmlResponse ) {
 var data = $( "geoname", xmlResponse ).map(function() {
 return {
 value: $( "name", this ).text() 
 ,
 label: $( "name", this ).text() + ", " +
 ( $.trim( $( "countryName", this ).text() ) || "(unknown country)" ) + ", " +
 $( "countryCode", this ).text()
 , 
 id: $( "geonameId", this ).text()
 };
 }).get();

Answer 1

用span包起来，给span一个class。由于使用的是XML，因此可以考虑使用更有意义的标记并对其进行样式化(除非这只是XHTML)。