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以维护功能。

我的问题：是否有一种工具可以跟踪这种关系，也可以 1）提醒我某些链接代码需要更新或 2）自动更新代码。类似于Netbeans中的Java的Refactor功能

Answer 1

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

Answer 2

您应该使用ctrl + shift + R将选定内容替换为另一个文本。

用于跟踪CSS，HTML和Javascript之间的类/ ID的工具

2 个答案: