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

假设我有一些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>

父1

儿童1
儿童2
儿童3


家长2

儿童1
儿童2
儿童3

当$（document）就绪时，如何设置包装中第一个UL元素的ID

提前谢谢

像这样

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

你也有无效的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>

父1

儿童1
儿童2
儿童3


家长2

儿童1
儿童2
儿童3

像这样

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

你也有无效的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>

父1

儿童1
儿童2
儿童3


家长2

儿童1
儿童2
儿童3

尝试

：首先

喜欢

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

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

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

或者您可以尝试使用

：eq（0）

之类的

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

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

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

甚至（可能是）你也可以尝试使用

.eq（0）

之类的工具

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

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

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

确保此脚本在

DOM

上已准备就绪

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

---

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

ul

时正在中断。请尝试

:first

像这样

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

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

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

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

或者您可以尝试使用

：eq（0）

之类的

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

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

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

甚至（可能是）你也可以尝试使用

.eq（0）

之类的工具

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

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

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

确保此脚本在

DOM

上已准备就绪

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

请更正您的html，因为它在关闭时中断

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

使用