jQuery 修改具有唯一子项的 h1

Question

如果这是一个愚蠢的问题，我深表歉意，但我对 jQuery 很陌生，想知道如何解决这个问题；

https://jsfiddle.net/a0f7segf/1/

我试图检查“内部”div 中是否有一个子类=“unique”(在本例中是一个跨度)。如果是这样，则更改此“内部”div 旁边的 .title h1 的文本。

我已经尝试过:

if ($(".outer .inner").has(".unique")) {
    $(".outer .title").text("jQuery has been executed");
}

但它会修改所有 .title 元素。

顺便说一句，谁能推荐一些好的(当然是你认为的)网站/书籍来学习 jQuery？

Answer 1

你可以这样做，

$(".outer .inner").has(".unique").prev(".title").text("jQuery has been executed");

或者您可以使用 :has() 选择器，

 $(".outer .inner:has(.unique)").prev(".title").text("jQuery has been executed");

另请注意，.has() 是一个过滤器，它不会产生 bool 结果

DEMO