无法弄清楚如何让这个函数只更改与我点击的图像相关的标题.总是更改所有标题

Question

我基本上不知道如何正确地实现"this"。我知道"这个"指的是我点击的元素。我不确定如何让它改变与特色图片帖子相关的标题。

const pic = document.querySelectorAll(".feature img");
const title = document.querySelector(".title");

$('.feature', this).click(function() {
console.log(this);
$('.title').addClass('change');
});

HTML

<div class="content">
<div class="feature"><?php the_post_thumbnail(); ?></div>
<div class="block">
<p class="category uppercase"><?php foreach((get_the_category()) as $category) {
echo $category->cat_name . ' ';
} ?></p>
<h2 class="title"><?php the_title(); ?></h2>
<p class="excerpt"><?php the_excerpt(); ?></p>
<a class="permalink" href="<?php the_permalink(); ?>">Read More</a>
</div>
</div>

Answer 1

您的代码必须是：

$('.feature').click(function() {
$(this).next('.block').find('.title').addClass('change');
});