我有一个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 来完成,但我不确定这是否可行。
我正在尝试获取一个功能,它搜索并选择以下内容 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)