Vous voulez transformer une liste <ul> en select list <select> pour un meilleur rendu, notamment sur une version web mobile, voilà la fonction.
$('ul').each(function(){
var list = $(this);
var select = $('<select>').insertBefore($(this).hide());
$('>li a', this).each(function(){
var target = $(this).attr('target');
var option = $('<option>')
.appendTo(select)
.val(this.href)
.html($(this).html())
.click(function(){
if (target==='_blank'){
window.open($(this).val());
}
else{
window.location.href=$(this).val();
}
});
});
list.remove();
});
5 commentaire