在 html 中标识每个（使用的）元素是不好的做法吗？ [关闭]

Question

我想知道使用 jquery 操作 html 页面中的某些元素的最佳做法是什么。就目前而言，我有一个面板，其中包含一个嵌入式表单，其中包括一个输入框、复选框、提交/重置/测试按钮。现在我为这些元素中的每一个都分配了一个 id，这样我就可以在每个元素被更改/选择时采取适当的行动。但是，我觉得通过 id 分配和管理每个元素，我的代码变得非常混乱和不可读。我知道浏览器通过 id 选择是有效的，但是简单地给面板/表单一个 ID，然后在面板/表单内调用不同的选择器会更好吗？对于选择我在下面分配了 ID 的一些元素有什么建议吗？ （我正在修改的那些..等）。谢谢！

        <div class="row">
        <div class="col-lg-6">
            <div class="panel panel-default" id="sample_panel">
                <div class="panel-heading">
                    Heading
                </div>
                <div class="panel-body">
                    <form role="form" id="form1">
                        <div class="form-group">
                            <h4>Subheading</h4>
                            <div class="form-group input-group">
                                <span class="input-group-addon" id="input_addon">some_text</span>
                                <input type="text" id="input1" class="form-control" placeholder="Enter text">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="checkbox">
                                <label>
                                    <span class="help-block">
                                        <input type="checkbox" id="cb1" >some_text
                                    </span>
                                </label>
                            </div>
                        </div>
                        <button type="submit" class="btn">Submit</button>
                        <button type="reset" class="btn id="reset_btn">Reset</button>
                        <button type="button" class="btn" id="test_btn">Test</button>
                        <i id="some_image"></i>
                    </form>
                </div>
                <div class="panel-footer" id="footer"></div>
            </div>
        </div>
        <!-- /.col-lg-6 -->
    </div>
    <!-- /.row -->

Answer 1

请记住，ID 是唯一标识符，因此应该有更具体的名称。我只会在它们真正需要时使用它们，并且当一个类不是识别它们的更好方法时。

在类上堆砌，但要更谨慎地使用 ID。在编写我的第一个 MVC 应用程序时，我也遇到了这个问题。祝你好运！

别忘了 StackOverflow 上也有一个 code review 网站。

Answer 2

我为页面中包含页面子集的主要元素以及我希望直接访问的重要且独特的元素提供 ID。我不会为每个列表项、链接或 div 提供 id，因为它会使代码混乱，并且是潜在的维护噩梦。您不会选择页面的大多数元素，而且您经常会同时访问多个元素 - 类对此非常有用。

因此，虽然您认为通过 id 访问元素非常快速高效是正确的，但选择器系统功能强大且有用，因为您可以通过多种方式选择元素。也可以利用其他选择方法，使用 jQuery 可以完成更多工作。