javascript - 更改 DIV 的内容

Question

我想更改我的 DIV。

<div id="main">
       <div id="one"> 
               <div class="red"> ... </div>
               <img class="avatar" src="img/avatar1.jpg"/>
               <span class="name"> John </span>
               <div class="text1">
                       <span class="age"> 16 </span>
                       <span class="sex"> male </span>
               </div>
       </div> 
       <div id="two"> 
               <div class="green"> ... </div>
       </div> 
       .
       .
       <div id="three"> 
               <div class="blue"> ... </div>
       </div> 
</div> 

我需要更改 John 的详细信息。图片和文字。
我了解到我可以找到 John 的 DIV:

var item = $('#one');
var itemIndex = $('#main > div').index(item);

现在我可以访问那个对象了:

$( "#feeds > div" ).get( itemIndex );

然后找到它的 child ...

$( "#feeds > div" ).get( itemIndex ).children;

我不知道如何开始改变div的内部元素

• 头像的 img src
• 姓名
• 位于 text1 类中的年龄和性别。

我也觉得用索引访问元素很麻烦，我想我可以简单地通过主ID找到它，然后进行操作。

有什么想法吗？

Answer 1

尝试 $('#one .name').text('你想要的任何文本');