jQuery:获取父高度并分配给它内部的选择器

时间:2011-10-22 08:36:49

标签: javascript jquery

我正在尝试通过jQuery找到一种方法将选择器的高度更改为其父级的高度但尚未找到任何解决方案,您可以在此页面中清楚地看到我需要获得每个{{1}的高度并将其设置为#accordion ul li

http://jsbin.com/udajen/8/edit

谢谢!

2 个答案:

答案 0 :(得分:1)

您可以在此处查看工作示例:http://jsfiddle.net/mikhailov/yQfFc/

$("#accordion li").each(function(index, value) {
    var $value = $(this);
    var current = $value.height() - 2;
    $value.find(".status-green").height(current);
});

第二个选项是迭代.sentence divs:

$("#accordion .sentence").each(function(index, value) {
    var $value = $(this);
    var current = $value.height() + 10;
    $value.siblings(".status-green").height(current);
});

答案 1 :(得分:1)

如果您想使.status-green的身高与关联的.sentence身高相同,则您必须计算他们的padding-toppadding-bottom。这是完整的代码: http://jsfiddle.net/Javad_Amiry/REPuQ/1/

和js将是:

$("#accordion .sentence").each(function () {
    var current = $(this).height();
    var p_top = $(this).css("padding-top");
    var p_bot = $(this).css("padding-bottom");
    $(this).parent().find(".status-green").css({
        height:current,
        "padding-top":p_top,
        "padding-bottom":p_bot
    });
});