find（）伪元素jquery [重复]

Posted 2023-03-05

【中文标题】find（）伪元素jquery [重复]

【英文标题】：find() pseudo element jquery [duplicate]

【发布时间】：2019-06-02 03:02:37

【问题描述】：

html:

<div id="pai_pergunta_0" class="col s12 card-panel hoverable box-pai" data-id="0" data-tipo="TEXT">
</div>

<div id="pai_pergunta_1" class="col s12 card-panel hoverable box-pai" data-id="1" data-tipo="RADIO">
</div>

<div id="pai_pergunta_2" class="col s12 card-panel hoverable box-pai" data-id="1" data-tipo="CHECKBOX">
</div>

我的表单是动态的，我需要在每个 data-tipo="TEXT" 之后删除一个 div。 如果我想找到“box-pai”类，我只需要找到（'.box-pai'），但是如何找到伪元素 data-tipo="TEXT" ？

【问题讨论】：

发帖前你在google或***中搜索过吗？见***.com/questions/2487747/…

旁注：“伪元素”在网络编程中有a specific meaning，你的问题中没有。 （pseudo-element 是通过在 CSS 中的 ::before 或 ::after 规则中提供文本创建的假元素。）

【参考方案1】：

可以按属性选择，然后用.next("div")查找下一个div...

$("[data-tipo=TEXT]").next("div").remove();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div id="pai_pergunta_0" class="col s12 card-panel hoverable box-pai" data-id="0" data-tipo="TEXT">
TEXT
</div>

<div id="pai_pergunta_1" class="col s12 card-panel hoverable box-pai" data-id="1" data-tipo="RADIO">
RADIO
</div>

<div id="pai_pergunta_2" class="col s12 card-panel hoverable box-pai" data-id="1" data-tipo="CHECKBOX">
CHECKBOX
</div>