我如何显示:父 div 类名称“post-content”中的无“阅读更多”存在问题，我无法通过 <a> 删除“阅读更多”在 Jquery 的帮助下标记类，我该如何解决这个问题？
Output of this code
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="post-content">
Wedding Season - frst one Paper Water Colour And Ink 17.5" x 23.5" <a href="http://bibihajra.com/wedding-season/" class="more-link">Read More</a>
</div>
<div class="post-content">
Wedding Seassssssssssson - Third one Water Colour And Ink On Paper 17.5" x Weddiaaasasd23.5" <a href="http://bibihajra.com/wedding-season/" class="more-link">Read More</a>
</div>
<div class="post-content">
Wedasaswqeqweqweqweqwqeqweson - Fouth one ater Colour And Ink On Paper 17.5" x 23.Weddiaaasasd" <a href="http://bibihajra.com/wedding-season/" class="more-link">Read More</a>
</div>
</body>
</html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<script>
$('.post-content').text(function(_, txt) {
return $.trim(txt.split('-').pop());
});
$(".more-link").css("display", "none");
</script>
</body>
</html>
最佳答案
您可以简单地使用 document.querySelectorAll 来获取所有 a 元素，它们是 post-content 类 div 的后代。
接下来通过调用 Array.from 并将 querySelectorAll 返回的 NodeList 转换为 Array 并传递 NodeList 作为参数。
最后，使用Array.protoype.forEach 遍历元素并将display 属性设置为none
Array.from(document.querySelectorAll('.post-content a')).forEach(anchorEl => anchorEl.style.display = 'none');<body>
<div class="post-content">
Wedding Season - frst one Paper Water Colour And Ink 17.5" x 23.5" <a href="http://bibihajra.com/wedding-season/" class="more-link">Read More</a>
</div>
<div class="post-content">
Wedding Seassssssssssson - Third one Water Colour And Ink On Paper 17.5" x Weddiaaasasd23.5" <a href="http://bibihajra.com/wedding-season/" class="more-link">Read More</a>
</div>
<div class="post-content">
Wedasaswqeqweqweqweqwqeqweson - Fouth one ater Colour And Ink On Paper 17.5" x 23.Weddiaaasasd" <a href="http://bibihajra.com/wedding-season/" class="more-link">Read More</a>
</div>关于javascript - 我如何使用 jquery 删除 "Read more"？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57063041/