小编Nic*_*ske的帖子

: 父元素的空选择器

我有一个div带有标题元素和一个ul在其中加载li项目的元素:

<div class="listContainer">
    <header>Title</header>
    <ul class="list">
        <li>Test Element</li>
        <li>Test Element</li>
        <li>Test Element</li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

在这种情况下,整体.listContainer需要可见。

但是是否可以使用 CSS 选择器隐藏整个容器:empty(如果.list为空),如下所示:

<div class="listContainer">
    <header>Title</header>
    <ul class="list">
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

现在我正在使用:empty选择器来隐藏ul,但整个.listContainer需要隐藏。

.list:empty { display: none; }
Run Code Online (Sandbox Code Playgroud)

我知道用 JavaScript 是可以的,但在这种情况下我需要单独用 CSS 来完成,但我不确定这是否可行。

css

5
推荐指数
1
解决办法
1万
查看次数

使用Tab从一个contenteditable切换到下一个

我正在尝试获取一个功能,它搜索并选择以下内容 contenteditable="true".

HTML看起来像这样:

<table>
    <tr>
        <td>Headline:</td>
        <td><div class="editableDiv" contenteditable="true"></td>
    </tr>
    <tr>
        <td>Headline:</td>
        <td><div class="editableDiv" contenteditable="true"></td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我认为代码应该是这样的,但我可能next()以错误的方式使用了选择器:

$('table tr td .editableRow').click(function(){

$(this).next().dblclick();

});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

3
推荐指数
1
解决办法
927
查看次数

标签 统计

css ×1

javascript ×1

jquery ×1