如何获取.getClass
的内容(白色,蓝色等)并将其添加为其父li标签的类?
我有以下html结构:
<div class="main">
<ul>
<li class="even">
<div class="content">
<div class="getClass">white</div>
</div>
</li>
<li class="odd">
<div class="content">
<div class="getClass">red</div>
</div>
</li>
<li class="even">
<div class="content">
<div class="getClass">blue</div>
</div>
</li>
<li class="odd">
<div class="content">
<div class="getClass">black</div>
</div>
</li>
</ul>
</div>
我想出了这个:
var str = $( ".getClass" ).text();
下一步是什么?
干杯
最佳答案
选择要修改的元素,使用.each
创建循环,然后使用.text()
获取每个元素的内容:
$('li').each(function (i, el) {
var className = $(el).find('#getClass').text();
$(el).addClass(className)
});
但是您的代码实际上是无效的HTML,您具有重复的
id
属性。因此,改用类,几乎不需要id
关于javascript - jQuery获取div的内容并使它成为其父元素的类,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37834917/