Javascript 通过Jquery将无序列表转换为下拉列表:不显示当前页码
我试图通过Wordpress中的Jquery将无序列表转换为下拉列表 我已设法将Javascript 通过Jquery将无序列表转换为下拉列表:不显示当前页码,javascript,html,jquery,dropdown,Javascript,Html,Jquery,Dropdown,我试图通过Wordpress中的Jquery将无序列表转换为下拉列表 我已设法将ul lis转到select列表,但存在一个问题:下拉列表中未显示当前页码。 我知道问题的根源是所选列表不是链接,由于给定的插件结构,我无法将当前页码转换为链接 我如何解决这个问题?谢谢 jQuery(文档).ready(函数($){ $('ul.pagination')。每个(函数(){ 变量列表=$(此), select=$(document.createElement('select')).insertBef
ul li
s转到select
列表,但存在一个问题:下拉列表中未显示当前页码。
我知道问题的根源是所选列表不是链接,由于给定的插件结构,我无法将当前页码转换为链接
我如何解决这个问题?谢谢
jQuery(文档).ready(函数($){
$('ul.pagination')。每个(函数(){
变量列表=$(此),
select=$(document.createElement('select')).insertBefore($(this.hide()).change(function(){
window.open($(this.val(),“\u self”)
});
$('>li a',this).each(function(){
var option=$(document.createElement('option'))
.appendTo(选择)
.val(this.href)
.html($(this.html());
if($(this.attr('class')=='当前页码'){
option.attr('selected','selected');
}
});
list.remove();
});
});代码>
- 2
当前页面存储在span
中。但是,第二个查询只查找列表项中的嵌套锚定标记。使用,>li span'
扩展查询,以在列表项中查找span标记
在检查类时,也可以使用该方法
jQuery(文档).ready(函数($){
$('ul.pagination')。每个(函数(){
变量列表=$(此),
select=$(document.createElement('select')).insertBefore($(this.hide()).change(function(){
window.open($(this.val(),“\u self”)
});
$('>LIA,>LISPAN',this).each(function(){
var option=$(document.createElement('option'))
.appendTo(选择)
.val(this.href)
.html($(this.html());
if($(this).hasClass('current')){
option.attr('selected','selected');
}
});
list.remove();
});
});代码>
- 2
作为提醒,Wordpress标签用于编写有关Wordpress内容管理系统的特定问题。