javascript - 在 CSS、HTML 和 Javascript 之间跟踪类/id 的工具

Question

在开发网站时，我有一个结构如下的部分:

    <ul id="preview-tabs" class="row nav nav-tabs">
        <li><a href="#main-preview-pane">Main</a></li>
        <li><a href="#alt1-preview-pane">Alternative 1</a></li>
        <li><a href="#alt2-preview-pane">Alternative 2</a></li>
    </ul>

与相应的 CSS:

#preview-tabs {
    border-bottom: 1px solid #8E9753;
}

最后是 Javascript:

$('#preview-tabs a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
});

现在我可能需要将 UL 的 ID 更改为 design-tabs 之类的东西，并且必须记住更新相应的 CSS 和 Javascript 以保持功能。

p>

我的问题:是否有一种工具可以跟踪这种关系，并且可以1)提醒我一些链接代码需要更新或者2) 自动更新代码。有点像 Netbeans 中 Java 的重构功能

Answer 1

虽然我不知道您可以做什么，如果您确实更新了它，那么您就不需要更改您的 css，您可以向它添加一个类而不是一个 id，然后以这种方式定位元素。