Question

我正在尝试使用从每个元素的id属性中提取的工具提示的值来创建工具提示。我有第一个开火，但我无法得到如何使函数继续下面的测试用例中与$("ul li)"匹配的下一个元素。

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Hello SO</title>
    </head>

    <body>
    <ul>
        <li id="label-1">1</li>
        <li id="label-2">2</li>
        <li id="label-3">3</li>
        <li id="label-4">4</li>
     </ul>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script>
    $(function(){
        var LabelData = $("ul li").attr("id");
        var LabelContainer = $("li");
            LabelContainer.html('Label Name:'+LabelData);
        });
    </script>
    </body>
    </html>

[并且...继续小提琴]

Answer 1

试试这个：

$(function(){
    $("ul li").each(function(){
    var LabelData = $(this).attr("id");
    var LabelContainer = $(this);
    LabelContainer.html('Label Name:'+LabelData);
    });
});

Answer 2

您可以使用以下代码段来实现目标：

 $(function(){
        $("ul li").each(function(){
            $(this).html($(this).attr('id'));
 });

这是 DEMO 。

循环遍历元素属性并使用JQuery显示它们的值以生成自动工具提示

2 个答案: