Quiero hacer un extracto de la publicación en un enlace en el que se pueda hacer clic.

Y la estructura de mi sitio web es la siguiente.

 <div class="post_widget"> <a class="poast_thumbnail" href="example.com"> <div class="thumbnail> <img ...> </div> </a> <div class="post"> <div class="title"> <a href="example.com">this is sample</a> </div> <div class="post_excerpt"> <p> == $0 "Hello world" ::after </p> <a class="read_more" href="https://example.com">read more</a> </div> </div> </div>

Encontré el siguiente JavaScript y lo modifiqué para adaptarlo a mi sitio web.

 <script> const postExcerpts = document.querySelectorAll('.post .post_excerpt'); postExcerpts.forEach(postExcerpt => { const postUrl = postExcerpt.parentNode.querySelector('.title a').href; postExcerpt.addEventListener('click', () => { window.location.href = postUrl; }); }); </script>

Cambié .querySelector varias veces y lo probé, pero no funcionó.

No aparecen errores en las herramientas de desarrollo de Chrome.

Me gustaría escuchar algunos consejos sobre qué parte debo arreglar.

 const postExcerpts = document.querySelectorAll('.post .post_excerpt'); postExcerpts.forEach(postExcerpt => { const postUrl = postExcerpt.parentNode.querySelector('.title a').href; postExcerpt.addEventListener('click', () => { window.location.href = postUrl; }); });

 <div class="post"> <div class="title"> <a href="example.com">this is sample</a> </div> <div class="post_excerpt"> <p>hello world</p> </div> </div>