jquery - jquery ui 自动完成中的 xml 响应中的 CSS

Question

有没有办法为 xml 响应中的标签的一部分提供不同的 css 类？换句话说，标签值现在是

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

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

有办法吗？

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)。