javascript - 处理文档中的多个ID

Question

我在处理重复 ID 时遇到问题。我也知道让元素具有相同的 ID 是非常糟糕的做法，但在这种情况下，我最终将不得不更改应用程序的大部分内容来更改 ID，以便它们可以是唯一的。

我在 jQuery 中的元素上切换类时遇到问题。我的结构如下:

<ul>
<li id="wl-7050"> <!-- This acts as a main data group holder for the below li elements -->
    <span></span>
    <div id="wlHeader-7050"></div>
    <div id="wlBody-7050">
        <ul>
            <li id="wl-7050"> <!-- This is the single element version of the data group header as above -->
                <div id="wlHeader-7050"></div>
            </li>
            <li id="wl-7051"></li>
            <li id="wl-7052"></li>
            <li id="wl-7053"></li>              
        </ul>
    </div>
</li>
</ul>

我需要的是一个函数，如果我单击 ID wl-7050 的第一个实例，子元素就会收到一个新类。然而，如果我选择 ID 为 wl-7050 的第二个(单个)元素，则只有该元素添加了新类。

我尝试过使用 jQuery 及其 :first & :eq(0) 属性，但不幸的是仍然没有运气。

我确实为每个 li 元素及其子元素分配了类，但每当我运行 $('#wl-7050:eq(0)') 时，它都会返回两个元素，并且也使用父 wl-7050 元素。

我对 JavaScript 和 jQuery 的答案很灵活。

Answer 1

The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document).

您不能拥有两个 wl-7050。使用类。然后要处理“单击添加新类”，这只是硬代码。如果您需要帮助，我可以编辑我的答案。但只是编码。 Html ID是一个概念