Question

假设我有一些像这样的HTML元素：

<div id="wrapper">
    <ul>
        <li><a>Parent 1</a>
            <ul>
                 <li><a>Child 1</a></li>
                 <li><a>Child 2</a></li>
                 <li><a>Child 3</a></li>
            </ul>
        </li>
        <li><a>Parent 2</a>
            <ul>
                 <li><a>Child 1</a></li>
                 <li><a>Child 2</a></li>
                 <li><a>Child 3</a></li>
            </ul>
        </li>
    </ul>
</div>

当$（文件）准备就绪时，如何设置#wrapper中第一个UL元素的ID？

提前致谢！

Answer 1

尝试:first喜欢

$('#wrapper ul:first').attr('id', 'customeId');

或者您可以尝试使用:eq(0)

$('#wrapper ul:eq(0)').attr('id', 'customeId');

偶数（可能）你可以试试.eq(0)喜欢

$('#wrapper ul').eq(0).attr('id', 'customeId');

确保您在DOM准备好此脚本

$(document).ready(function(){
    $('#wrapper ul:first').attr('id', 'customeId');
});

请更正您的HTML，因为它在关闭ul

时会中断

Answer 2

喜欢这个。

<强> Live Demo

$(document).ready(function(){
    $('#wrapper ul:first').attr('id', 'yourid');
});

你也有无效的html，你错过了结束ul

<div id="wrapper">
    <ul>
        <li><a>Parent 1</a>
            <ul>
                 <li><a>Child 1</a></li>
                 <li><a>Child 2</a></li>
                 <li><a>Child 3</a></li>
            </ul>    
        </li>
        <li><a>Parent 2</a>
            <ul>
                 <li><a>Child 1</a></li>
                 <li><a>Child 2</a></li>
                 <li><a>Child 3</a></li>
            </ul>     
        </li>
    </ul>
</div>

Answer 3

   $(document).ready(function () {
    $("#wrapper").children("ul").attr("id", "myid");
   });

Answer 4

使用.attr

$("#wrapper ul:first").attr("id","id");

使用Jquery在页面加载时设置元素ID？

4 个答案: