Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过Jquery将无序列表转换为下拉列表:不显示当前页码_Javascript_Html_Jquery_Dropdown - Fatal编程技术网

Javascript 通过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

我试图通过Wordpress中的Jquery将无序列表转换为下拉列表

我已设法将
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内容管理系统的特定问题。