1

我正在做一个 django 项目，很快模板就变得一团糟，最后几乎所有元素都有一个 ID（澄清一下，所有 ID 都是唯一的）。我可以通过给他们的父母一个 ID 来减少 ID 的数量，但这会增加我的 jQuery 代码。所以我要问的是

在 HTML 中有很多 ID还是稍微少一点 ID 和更长的 JS/jQuery 代码会更好吗？

这是一个示例代码：

<ol>
    <li>
        <p>
            <a href="/vote/" class="vote" id="story-vote-26"><img src="/static/images/arrow.gif"></a>
            <a href="http://www.lettersofnote.com/2012/10/people-simply-empty-out.html" class="title" id="story-title-26">“People simply empty out”&lt;/a> <span class="domain">(www.lettersofnote.com)</span>
        </p>
        <p class="story-info">
            <span id="story-points-26">660</span> points by tantaman &#448; 31 minutess ago
        </p>
    </li>
    ...

其中至少有 100 个li，每个都有 4 个 ID（我还没有添加第 4 个）。所以总共有 400 个 ID，或者如果我将 ID 添加到lis则为 100 个 ID

4

3 回答 3

2

ID 的主要目的是在 DOM 中唯一标识一个元素。查明在 JavaScript 和 CSS 中使用的元素非常有用。

只要，你对这些 ID 的应用都是基于这条规则，Its GOOD。

于 2013-08-17T17:20:36.863 回答
1

拥有多个id没有问题。用于查找元素的哈希算法可以很好地扩展。

因此，只要您没有可以使用 id 解决的性能问题，选择是否应该添加一些 id 的主要规则应该是：

  • 它是否使代码更具可读性（更简洁的代码通常更具可读性）？
  • 它是否使代码更容易发展？

不要仅仅为了添加一些 id 而使您的代码更复杂，但是拥有它们并没有隐藏的成本。

于 2013-08-17T17:29:31.103 回答
0

是的，最好拥有具有唯一 id 的元素。它有助于 javascript 和 CSS 选择和操作 dom。但是没有两个元素应该具有相同的 id。 Increasing javascript code will increase page load time. 因此，如果需要，最好减少 javascript 代码并为 html 元素设置唯一的 id

于 2013-08-17T17:19:29.953 回答