我正在尋找根據另一個 div 的名稱修改 div 的類名。我不能讓它與 JQuery 一起作業。
這是 html 結構：
<div class="div-overlay">
<a class="image" href="https://www.example.net/page-events/" target="_blank"></a>
<div class="div-container">
<ul class="post-categories">
<li>
<a href="https://www.example.net/category/events/" class="category-item">Events</a>
</li>
</ul>
</div>
<div class="div-overlay">
<a class="image" href="https://www.example.net/page-conferences/" target="_blank"></a>
<div class="div-container">
<ul class="post-categories">
<li>
<a href="https://www.example.net/category/conferences/" class="category-item">Conferences</a>
</li>
</ul>
</div>
我的目標是修改：
class="div-overlay"
根據 中的文本值：
class="category-item"
我的嘗試不成功：
$(document).ready(function(){
var category = $(".category-item").html();
var newEvents = $(".div-overlay").attr('newclass','events');
var newConferences = $(".div-overlay").attr('newclass','conferences');
if (category = "Events"){
newEvents;
} else if (category = "Conferences") {
newConferences;
};
});
我怎樣才能讓我的腳本作業？
詳細資訊：使用 elementor 在 Wordpress 上作業。
uj5u.com熱心網友回復：
你可以試試這個代碼：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".category-item").each(function() {
var cat_val = $(this).html();
$(this).parents('.div-overlay').attr('newClass', cat_val);
});
});
</script>
</head>
<body>
<div class="div-overlay">
<a class="image" href="https://www.example.net/page-events/" target="_blank"></a>
<div class="div-container">
<ul class="post-categories">
<li>
<a href="https://www.example.net/category/events/" class="category-item">Events</a>
</li>
</ul>
</div>
</div>
<div class="div-overlay">
<a class="image" href="https://www.example.net/page-conferences/" target="_blank"></a>
<div class="div-container">
<ul class="post-categories">
<li>
<a href="https://www.example.net/category/conferences/" class="category-item">Conferences</a>
</li>
</ul>
</div>
</div>
</body>
</html>uj5u.com熱心網友回復：
您應該使用addClass收作方法初探
$(document).ready(function(){
var category = $(".category-item").html();
if (category = "Events"){
$(".div-overlay").addClass('events');
} else if (category = "Conferences") {
$(".div-overlay").addClass('conferences');
};
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/394598.html
標籤：javascript html 查询 变量