我该如何从代码Li中检索数据?

时间:2016-06-21 14:40:43

标签: jquery

目标:
将数据类型检索为具有数据一,二,三和四的数组,而不使用语法代码“data-id”。

问题:
我试图找到一些不太好的解决方案。数据可以是随机的。

的信息:
此上下文应该没有data-id。

var dataList = $(".list").map(function() {
    return $(this).data("id");
}).get();
console.log(dataList);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li class="list" data-id="123">One</li>
    <li class="list" data-id="124">Two</li>
    <li class="list" data-id="125">Three</li>
    <li class="list" data-id="126">Four</li>
</ul>

JS FIDDLE

谢谢!

3 个答案:

答案 0 :(得分:1)

您可以在不使用data-id的情况下执行此操作。

var dataList = $(".list").map(function() {
    return $(this).text();
}).get();

console.log(dataList.join('|'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li class="list" data-id="123">One</li>
    <li class="list" data-id="124">Two</li>
    <li class="list" data-id="125">Three</li>
    <li class="list" data-id="126">Four</li>
</ul>

答案 1 :(得分:0)

返回你的功能

$(this).attr("data-id");

答案 2 :(得分:0)

我认为这就是你所追求的:

var dataList = [];
$(".list").each(function() {
    dataList.push($(this).text());
});

jsFiddle