gpt4 book ai didi

javascript - 使用 jQuery 选择特定的 contenteditable div

转载 作者:搜寻专家 更新时间:2023-10-31 23:05:16 25 4
gpt4 key购买 nike

给定以下用于一种博客文章编辑器的 html:

<div class="entry">  
<div class="title" contenteditable="true">
<h2>Title goes here</h2>
</div>
<div class="content" contenteditable="true">
<p>content goes here</p>
</div>
</div>

我正在尝试使用 jquery 来选择 .title 和 .content div,以便为每个 div 附加唯一的事件处理程序。

$('[contenteditable]').on(...);

对两者都有效但是

$('[contenteditable] .title').on(...);

$('.title').attr('contenteditable', 'true').on(...);

两者都无法选择特定的 contenteditable block 。

最佳答案

您可以在 CSS .title[contenteditable="true"] 中使用属性选择器。

jsFiddle example

.title[contenteditable="true"] {
background: red;
}

在 jQuery 中:$('.title[contenteditable]').css("background","re​​d")

jsFiddle example

关于javascript - 使用 jQuery 选择特定的 contenteditable div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19844327/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com