收获 jquery-选择没有选择？

Question

是否可以使用选择的收获 jquery 而不必使用默认的<select><option>abc</option></select> 标记？

我希望将这种代码转换为像选择字段这样的响应式收获：

<!-- Language Switcher -->
<ul>
  <li><a href="abc.com/lang/german">Switch language to german</a></li>
  <li><a href="abc.com/lang/english">Switch language to english</a></li>
</ul>

或者我也可以编写 html 代码，就像从选择标记中选择的收获所生成的最终输出一样（带有 ul、li 和类 chzn-drop、chzn-results 的 div ......） .而且我已经尝试过了，但是我不知道如何启动选择的 javascript 以按原样使用该块，而不是尝试再转换任何东西。

原因是：我希望选择语言切换器进行 SEO（将链接作为链接，而不是作为我阅读的选项的某些 data-* 属性），同时保持美观和选择选择的功能。

编辑
看来不修改插件是不行的

Answer 1

您可以使用自己的包装器或插件来使其可以接受 choocen 例如：

<ul id="TesT">
  <li><a href="abc.com/lang/german">Switch language to german</a></li>
  <li><a href="abc.com/lang/english">Switch language to english</a></li>
</ul>

小脚本：

function modi(selector){
   $(selector).each(function(){
   var html ="";
   $('li',this).each(function(){
      html +='<option value="'+$('a',this).attr('href')+'">'+$('a',this).html()+'</option>';
   });
   $(this).replaceWith('<select>'+html+'</select>').chosen();
   });
}

然后这样称呼它：

modi('#TesT');

目前我的脚本替换了旧的原始标记，但您也可以使用隐藏和添加新元素。