javascript - 将 html 文本定位并转换为父元素的类

Question

我是 jQuery 新手。我一直在努力找出一种方法来获取一组具有“post”类的 div 中的一些 h4 标签的内容，并使用它们的文本为其父“post”div 添加/创建一个附加类。

我想从父“post”div 的 h4.tag 内容中添加一个附加类。我已经能够使用 text() 函数将类添加到父 div，但问题是我将每个 h4 的内容作为类添加到“post”的每个父 div。

这是我的代码:

var texth4 = $('h4.tag').text();

$(".post").each(function() {
    $(this).addClass(texth4);
});

如果有人提供一些指导，我将真诚地感激。

Answer 1

如果我理解正确的话，你会想要这个:

$('.post').each(function() {
    var texth4 = $(this).find('h4').text();
    $(this).addClass(texth4);
});

与此不同的是，该变量被设置为 .post 特定实例内 H4 元素的文本值。

这假设 HTML 结构如下:

<div class="post">
    <h4>Heading Text</h4>
    ...
</div>

会导致这样的结果:

<div class="post Heading Text">
    <h4>Heading Text</h4>
    ...
</div>

<强> Demo