jquery ui自动完成中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 指定类。由于您使用的是 XML，因此您可以考虑使用更有意义的标签并为其设置样式（除非这只是 XHTML）。