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

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>

当 $(document) 准备好时，如何设置 #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 时被破坏