Html 更改行高度的标签和输入标记。可以单独进行div，但不能全部进行div？

我可以制作一个标签（复选框）来更改span类的属性以显示：block然而，它似乎只适用于单个span类，而不是我拥有的所有span

我想更改所有li标签的高度，因此，如果用户只单击一个“详细信息”标签，那么它将更改所有li标签的高度。见下文：

<div id="content">
    <ul>
        <li>
            <p>#1 car is for sale</p>
                <label class="details" for="_1">More details...</label>
                <input id="_1" type="checkbox">
                <span class="row">More elaborate details here</span>
        </li>
        <li>
            <p>#2 car is for sale 2</p>
                <label class="details" for="_2">More details...</label>
                <input id="_2" type="checkbox">
                <span class="row">More elaborate details here</span>
        </li>
        <li>
            <p>#3 car is for sale</p>
                <label class="details" for="_3">More details...</label>
                <input id="_3" type="checkbox">
                <span class="row">More elaborate details here</span>
        </li>
    </ul>
</div>

提前感谢：）

您可以使用：

input:checked + span.row {
    display:block;
    position:relative;
}

看到它工作了吗

编辑 您现在可以看到这些更改。我编写了一段javascript代码，使所有LI标记具有相同的高度：

$('input[type="checkbox"]').on('change', function(e) {
    var checked = $(this).prop('checked');
    if(checked) {
        var thisHeight = $(this).parents().find('li').height();
        $('ul > li').height(thisHeight+"px");
    } else {
        $('ul > li').height('auto');
    }
});

查看它是否正常工作：

您可以使用以下功能：

input:checked + span.row {
    display:block;
    position:relative;
}

看到它工作了吗

编辑 您现在可以看到这些更改。我编写了一段javascript代码，使所有LI标记具有相同的高度：

$('input[type="checkbox"]').on('change', function(e) {
    var checked = $(this).prop('checked');
    if(checked) {
        var thisHeight = $(this).parents().find('li').height();
        $('ul > li').height(thisHeight+"px");
    } else {
        $('ul > li').height('auto');
    }
});

---

看到它工作了吗：

好的，我运行了它，但是它不会改变所有li标签的高度。所有的

？使用CSS是不可能的，当只选中一个复选框时，您需要更改所有li标记吗？我有几行和列，每个列中都包含一些小链接，上面写着“单击以获取更多信息”。如果用户单击“更多信息”，行的长度将扩展，我希望所有行的长度都将扩展，以便它们都与最上面的行名称对齐。到目前为止，当单击“更多信息”按钮时，只有单行的长度发生更改，而不是整个表的

。您需要javascript计算来实现这一点。我不知道你为什么需要这种行为，这很奇怪，但我试着给你一段代码好吧，我运行了它，但是它不会改变所有li标记的高度。所有的

？使用CSS是不可能的，当只选中一个复选框时，您需要更改所有li标记吗？我有几行和列，每个列中都包含一些小链接，上面写着“单击以获取更多信息”。如果用户单击“更多信息”，行的长度将扩展，我希望所有行的长度都将扩展，以便它们都与最上面的行名称对齐。到目前为止，当单击“更多信息”按钮时，只有单行的长度发生更改，而不是整个表的

。您需要javascript计算来实现这一点。我不知道你为什么需要这种行为，这很奇怪，但我试着给你一段代码我试过“输入：检查+ulli{height:100%；}”和“输入：检查+content ulli{height:100%}”但是没有用。我试过“输入：检查+ulli{height:100%；}”和“输入：检查+content ulli{height:100%}”但是没有用。