jquery - css 或 jquery 选择器排除子项

Question

如何在这里选择标题而不是副标题:

<h1 id="banner">
This is the Title 
<span id="subtitle">and the subtitle</span>
</h1>

我想做类似的事情

h1 < span#subtitle {font-weight:bold}

或

h1:not(#subtitle) {font-weight:bold}

Answer 1

要仅提取标题文本而不提取副标题，请使用以下命令:

var text = $("#banner").contents().filter(function () {
  if (this.nodeType == 3) { // Text Node
    return this;
  }        
})[0];

DEMO .