将一个属性复制到JQuery中一组子项的同一子项中的另一个属性

Question

哇，好吃 我一直在为此苦苦挣扎，因为我仍然是使用JQuery选择器的新手。 任何帮助，将不胜感激。 我有一个情况我选择使用子集从父DIV（ID = 'A'）子DIV（类= 'B'）的.children()和.slice() 此外，我需要将每个孙子div （class ='C'）的longdesc属性值复制到其div内容。 我在想类似下面的内容，但是在尝试获取longdesc的值时，我不知道如何引用正确的孙子div。 也许有更好的方法吗？ 救命！

HTML：

<div id="A">
    <div class="B">
        <div class="C" longdesc="value1"></div>
    </div>
    <div class="B">
        <div class="C" longdesc="value2"></div> 
    </div>
    <div class="B">
        <div class="C" longdesc="value3"></div> 
    </div>
    <div class="B">
        <div class="C" longdesc="value4"></div> 
    </div>
</div>

JQuery的：

$start = 0;
$end = 2;

$('#A').children().slice($start, $end).find('.C').html("??value of longdesc??");

输出：

<div id="A">
    <div class="B">
        <div class="C" longdesc="value1">value1</div>
    </div>
    <div class="B">
        <div class="C" longdesc="value2">value2</div> 
    </div>
    <div class="B">
        <div class="C" longdesc="value3">value3</div> 
    </div>
    <div class="B">
        <div class="C" longdesc="4"></div> 
    </div>
</div>

提前谢谢了！

Answer 1

使用以函数 .. 为参数的.html()版本 。

$('#A').children().slice($start, $end+1).find('.C').html(function(){
    return $(this).attr('longdesc');
});

演示在http://jsfiddle.net/aaFt9/1/

---

您还需要使用$end + 1来匹配value3因为slice第二个参数是最新参数，但不包括它（ 请参见MDN的Array.prototype.slice()文档 ）

---

此外，如果这是您真正的html结构，则可以跳过.children()并直接查找.C元素。

$('#A').find('.C').slice($start, $end+1).html(function(){
    return $(this).attr('longdesc');
});

演示位于http://jsfiddle.net/aaFt9/2/

Answer 2

尝试

$(".C").html(function () {
    return $(this).attr("longdesc")
});

的jsfiddle

---

编辑 ：重新阅读问题，您可以尝试

var $end = 2;
$(".C").each(function (i) {
    i <= $end ? $(this).html(function () {
        return $(this).attr("longdesc")
    }) : null;
});

的jsfiddle

Answer 3

$("#A").find(".B").children().each(function(){
   $(this).html($(this).attr('longdesc')); 
});

无论您想在哪里，都适合使用.slice（） 。