提取Element中的文本，然后使用jQuery将其附加到属性

Question

我捎带这个链接...... Extract the Text in a Element with 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获取所需的文字。