我想更改我的 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找到它,然后进行操作。
有什么想法吗?
最佳答案
尝试 $('#one .name').text('你想要的任何文本');
关于javascript - 更改 DIV 的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17367022/