Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.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/2/jquery/76.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 使用AutoDividerSelector时获取元素值_Javascript_Jquery - Fatal编程技术网

Javascript 使用AutoDividerSelector时获取元素值

Javascript 使用AutoDividerSelector时获取元素值,javascript,jquery,Javascript,Jquery,我花了几个小时试图找出如何在DOM中检索值。我正在使用JQuery函数实现一个自定义列表分隔符,如下代码所示: $('#postlist').listview({ autodividers: true, autodividersSelector: function (li) { var out = $(li)[0]; console.log(out); return out; } }); 到目前为止,我得到的只是分隔符标题上的[object htm

我花了几个小时试图找出如何在DOM中检索值。我正在使用JQuery函数实现一个自定义列表分隔符,如下代码所示:

$('#postlist').listview({
    autodividers: true,
    autodividersSelector: function (li) {
    var out = $(li)[0];
    console.log(out);
    return out;
   }
});
到目前为止,我得到的只是分隔符标题上的
[object htmlilement]

我已经编辑了此位,以粘贴最终有效的代码:

工作代码

$('#postlist').listview({
    autodividers: true,
    autodividersSelector: function (li) {
       var out = li.find("p").map(function() {return $(this).text();});
       var out1 = out.get(1);
    return out1;
    }
});
输出图像

$('#postlist').listview({
    autodividers: true,
    autodividersSelector: function (li) {
       var out = li.find("p").map(function() {return $(this).text();});
       var out1 = out.get(1);
    return out1;
    }
});
而不是这个:

$(li)[0]; //Dont wrap up with '$'. It's unecessary.
使用以下命令:

li.find("p").eq(1).text();

演示:

非常感谢@mikakun提供的代码。使用.map函数有助于更好地输出所需的元素,但我必须进行一些额外的读取和编码,以获得最终所需的输出。好了,我的演讲到此为止。这是我的最后一段代码,经过多次脑力激荡后,它运行得非常完美:

$('#postlist').listview({
    autodividers: true,
    autodividersSelector: function (li) {
       var out = li.find("p").map(function() {return $(this).text();});
       var out1 = out.get(1);
    return out1;
    }
});
对不起,我没有足够的声誉,过去的形象在这里,但我已经编辑了它在原来的情况下,还添加了那里的结果


我希望这对其他人也有用。

console.log(li)要查看这个li是什么(json、jquery对象、javascript对象、数组…)@mikakun我添加了请求的控制台日志结果可以看到很多,只需复制粘贴“无法仅获取日期值”你是什么意思?你得到了什么?@mikakun我所要做的就是用日期分隔符将我的帖子分组。因此,与其用分隔符显示发布日期,不如用分隔符显示[object HTMLLIElement],我已经尝试过了,仍然没有得到所需的值您想要检索的内容
li
text content??如果您查看我在主要问题中提供的链接,您将看到我试图实现的目标。在分隔符显示[object HTMLLIElement]的地方,我希望它只显示我们到达某处的日期。这似乎有效,但只有一件事。如果你现在查看该网站,它会在5日显示帖子的日期,但在3日不会显示。我会努力做这件事。谢谢你迄今为止的帮助。您是一个star
arrayofdates=li.find(“p”).map(函数(){return$(this.text();})
/我认为您不需要重新访问dom来获取li(
$(“li”)
太过分了/您的回调已经提供了li)