Question

我有一个像这样的ul类元素：

<ul class="article-list">
    <li class="article-item">
        <header>Article #1</header>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita sapiente officiis beatae, ut consequuntur. Quos minus neque eius, nemo sunt excepturi eveniet amet veritatis voluptatibus corporis ea, blanditiis porro ad!</p>
        <h3>Sample Image Title here</h3>
        <img src="http://placehold.it/350x150" alt="Placeholder Image">
        <ul>
            <li class="bold">James</li>
            <li>Lily</li>
            <li>Harry</li>
        </ul>
        <p>Magnam ex autem doloremque, tempore mollitia atque aut delectus corporis rem similique voluptates omnis reiciendis vitae impedit exercitationem unde quaerat, doloribus voluptatibus molestias et veritatis sed optio repudiandae? Provident, voluptates.</p>
    </li>
    <li class="article-item featured">
        <header>Article #2</header>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil animi ipsum, incidunt mollitia modi cum, eum ex doloremque rerum quod, maiores quisquam, enim quam unde cumque! Quam, doloremque. Voluptatum, maxime!</p>
        <p>Numquam et quae, quasi. Reiciendis nemo mollitia eveniet alias, debitis facere atque excepturi et beatae laudantium commodi optio unde amet vitae libero quas cupiditate, nam porro minus. Quisquam, odit non.</p>
    </li>
</ul>

在JS中，我可以在要素类中选择其中一个文章项，并在另一个文章项上关闭和切换要素：

var article2, articl3;
article2 = $('.featured');
article3 = article2.next();
article2.toggleClass('featured');
article3.toggleClass('featured');

我的问题是，HTML中的元素可以分配给多个类吗？

Answer 1

要将HTML元素分配给多个类，您所要做的就是在类名之间添加空格。

<li class="bold important">

上述li元素同时包含bold和important类。

编辑：您有一个在您的问题（最后li元素）中执行此操作的示例。

Answer 2

要向元素添加多个类，请使用addClass代替toggleClass。

var pElement = $( "p" );
pElement.addClass( "myClass yourClass" );
pElement.removeClass( "myClass noClass" ).addClass( "yourClass" );

HTML可以将元素放在多个类中吗？

2 个答案: