如何使用 jquery 或 css 將 .class 分配給 div 內的所有元素？
即這就是我所擁有的
<div class="nav">
<a href="">one</a>
<a href="">two</a>
</div>
但這就是我想要的
<div class="nav">
<a href="" class="test">one</a>
<a href="" class="test">two</a>
</div>
使用盡可能少的代碼，以便在頁面加載時，.nav 中的元素具有分配給它們的類“test”，我不必在每一個中都分配它
uj5u.com熱心網友回復：
您可以通過以下代碼實作此目的
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div>
<a href="">one</a>
<a href="">two</a>
</div>
</body>
<script type="text/javascript">
$(document).ready(function () {
$('div > a').addClass('test')
})
</script>
</html>
uj5u.com熱心網友回復：
在 jQuery 中非常簡單：$('div a').addClass('class');
或者在 JavaScript 中是這樣的：
let links = document.querySelectorAll("div a");
for(let link of links) {
link.classList.add("class");
}.class {
text-decoration: none;
color: orange;
font-size: 50px;
margin-right: 100px;
}<div class="nav">
<a href="">one</a>
<a href="">two</a>
</div>uj5u.com熱心網友回復：
$(document).ready(function() { $('.nav a').each(function(){ $(this).addClass("Test"); }) });.Test{
color:red
} <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="nav">
<a href="">one</a>
<a href="">two</a>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/432852.html
標籤：javascript html jQuery css
上一篇：在contenteditable中按enter將其復制線條樣式/標題到下一行
下一篇：嘗試對齊輸入框頂部的文本