jquery - 提取元素中的文本，然后使用 jQuery 将其附加到属性

Question

我在这个链接上捎带... 使用 JQuery 提取元素中的文本

我喜欢提取元素中的文本，然后将其附加到这样的属性中。

jQuery

$(document).ready(function() {
    var text;
    $(".parent span").contents().each(function(i) {
        if(this.nodeName == "#text") text = $(this).text();   
        $(".child").attr("ref", text);
    });
});

HTML

<div class="parent">
  <div class="child"> </div>
  <span><strong>bla bla bla</strong>Child-1</span> </div>
<div class="parent">
  <div class="child"> </div>
  <span><strong>bla bla bla</strong>Child-2</span> 
</div>

我一直在每个父母的参考中得到“Child-1”。

Answer 1

试试这个：

$(document).ready(function() {
    $("div.child").each(function() {
        var text = "";
        $(this).next("span").contents().each(function(i) {
            if(this.nodeName == "#text") text += $(this).text();
        });
        $(this).parent().attr("ref", text);
    });
});

注意：我使用链接问题中接受的答案从第一个获取所需的文本div。