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()是一个过滤器，它不会产生布尔结果

DEMO