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

Nấm*_*Lùn 1 jquery set pageload document-ready attr

假设我有一些像这样的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>
Run Code Online (Sandbox Code Playgroud)

当$(文件)准备好时,如何设置#wrapper中第一个UL元素的ID?

提前致谢!

Gau*_*164 5

试试:first喜欢

$('#wrapper ul:first').attr('id', 'customeId');
Run Code Online (Sandbox Code Playgroud)

或者你可以尝试:eq(0)

$('#wrapper ul:eq(0)').attr('id', 'customeId');
Run Code Online (Sandbox Code Playgroud)

甚至(可能),你可以尝试.eq(0)

$('#wrapper ul').eq(0).attr('id', 'customeId');
Run Code Online (Sandbox Code Playgroud)

确保您DOM准备好此脚本

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

请更正您的HTML,因为它在关闭时打破 ul