选择不具有父类的元素

Question

＆＃13;

＆＃13;

$("#result").html($('[contenteditable]').text());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="scorer">
  <div>
    <div contenteditable>1</div>
    <div contenteditable>2</div>
  </div>
</div>

<div>
  <div contenteditable>3</div>
  <div contenteditable>4</div>
</div>

<hr />

<div id="result">
  result
</div>

＆＃13;

＆＃13;

＆＃13;

我如何选择那些没有父母加入＆＃34;记分员＆＃34;在CSS或jquery中。

结果应为34.

谢谢！

Answer 1

您可以使用此not()

之类的.not('.scorer div')功能

$("#result").html($('[contenteditable]').not('.scorer div').text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="scorer">
  <div>
    <div contenteditable>1</div>
    <div contenteditable>2</div>
  </div>
</div>

<div>
  <div contenteditable>3</div>
  <div contenteditable>4</div>
</div>

<hr />

<div id="result">
  result
</div>

Answer 2

您可以使用过滤功能

var result = $("div[contenteditable]").filter(function () {
    return $(this).closest(".scorer").length == 0
}).text();

Fiddle

Answer 3

尝试not()

$("#result").html($('[contenteditable]').parent().not('.scorer div').text());

FIDDLE

Answer 4

尝试获取除了得分手的孩子以外的所有内容：

$('div[contenteditable]').not('.scorer div');

Answer 5

只是给你一个不同的方法，我觉得更容易阅读

$('.result').html($('div:not(.scorer) [contenteditable]').text());

jsfiddle