jQuery One Div，两个url，使用css做出一个选择框

正如标题所说，我得到了一个包含2个url（a）的div。我想用jQuery制作选择框而不用触摸html，只使用css和脚本。有人可以帮我吗？jQuery One Div，两个url，使用css做出一个选择框

我想这样的代码（我知道它不;吨工作）：

$(document).ready(function(){ 
      $('.language_selection a:last-child').hide(); 
      $('.language_selection').hover({ 
       $(this).show(); 
      }); 
     }) 

;

来源

2014-03-07 STP38

请明确你想知道的内容。 –

你究竟想完成什么？你能否在你的问题中提供更多的细节（不管你是否可以做到，更多关于需要做什么）？ – royhowie

不是。如果你创建了一个选择框，你的Html将会改变。你想要什么发生？你想知道如何用JavaScript创建一个选择框吗？ –

不知道你问什么，但也许是这样的：

HTML：

<div class="language_selection"> 
    <a href="#EN">EN</a> 
    <a href="#FR">FR</a> 
</div>

CSS：

.language_selection a{ 
    display:none; 
} 

.language_selection .selected { 
    display:block; 
    color:red; 
}

JS：

$(document).ready(function(){ 

    $('.language_selection a:first').addClass('selected'); 

    $('.language_selection a').click(function() { 
     $('.language_selection a').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 

    $('.language_selection').hover(function(){ 
     $(this).find('a').css('display', 'block'); 
    }, function(){ 
     $(this).find('a').not('.selected').hide(); 
    }); 

});

FIDLE DEMO

另一种（也许更好），如果你可以修改你的HTML与JavaScript是只由一个真正的select标签更换链接：

var select = $('<select></select>'); 
$('.language_selection a').each(function() { 

    var option = $('<option></option>'); 
    option.val($(this).attr('href')).text($(this).text()) 
    select.append(option); 
}); 
$('.language_selection').html(select);

FIDDLE DEMO

来源

2014-03-07 15:09:23 MamaWalter

谢谢你，srry为我的英文不好：p – STP38

@ STP38编辑与替代。 – MamaWalter

jQuery One Div，两个url，使用css做出一个选择框

回答

相关问题