选择/编辑 div 内的所有子元素

Question

如何使用 jquery 或 css 将 a.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 中的元素分配给它们 class“测试”，我不必在每个元素中都分配它

Answer 1

您可以通过以下代码实现此目的

<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>

Answer 2

在 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>

Answer 3

 $(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>

选择/编辑 div 内的所有子元素

问题描述

3 个解决方案

解决方案1
0 2022-02-25 05:13:41

解决方案2
0 2022-02-25 05:14:26

解决方案3
0 2022-02-25 05:20:13

选择/编辑 div 内的所有子元素

问题描述

3 个解决方案

解决方案1 0 2022-02-25 05:13:41

解决方案2 0 2022-02-25 05:14:26

解决方案3 0 2022-02-25 05:20:13

解决方案1
0 2022-02-25 05:13:41

解决方案2
0 2022-02-25 05:14:26

解决方案3
0 2022-02-25 05:20:13