Html 如何基于父控件引用/id放置控件id以避免冲突

我面临一个问题，因为一个按钮控件存在于同一页的两个位置，具有相同的ID

因为我已经为jira创建了一个自定义字段，它出现在问题视图屏幕和编辑屏幕上。 “编辑”屏幕只是一个DIV，在单击“编辑”之前显示为“显示无”，否则将显示“问题视图”屏幕（两个屏幕都在单个页面上）。 我创建的按钮存在于两个区域上

我们怎样才能保持这样的状态- 如果父项为“DIV-edit”，则保留按钮的不同ID 其他的 按钮的另一个ID？或者使用jquery的任何其他方法来解决此冲突问题

下面是在两个位置显示相同控件的内容：

在页面上发布查看屏幕内容：

.... .....
<li id="rowForcustomfield_11200" class="item">
<div class="wrap">
    <strong title="final Dynamic Value" class="name">final Dynamic Value:</strong>
    <div id="customfield_11200-val" class="value type-dynamicvalue editable-field active"
        data-fieldtype="dynamicvalue">
        <form id="customfield_11200-form" class="ajs-dirty-warning-exempt" action="#">
        <div class="inline-edit-fields">
            <div class="field-group">
                <table id="customfield_11200:maintable">
                    <tbody>
                        <tr width="15%">
                            <tr width="15%">
                                <tr width="15%">
                                    <tr width="15%">
                                        <tr width="15%">
                                            <tr width="15%">
                                                <tr width="15%">
                    </tbody>
                </table>
                <input type="button" value="add" id="finaladd" />**PROBLEM CONTROL**
                <input type="button" value="remove" id="finalremove" />**PROBLEM CONTROL**
            </div>
        </div>
        <span class="overlay-icon throbber" />
        <div class="save-options" tabindex="1">
        </form>
    </div>
</div>
</li>
...... 
 ....
  ..

。。。。。

最终动态值：
**问题控制**
**问题控制**

...... 
....
..

注意：我在上面突出显示了标签注释“问题控制”

编辑问题屏幕div的同一页面上的其他内容：

  .......
.............
 <div id="edit-issue-dialog" class="aui-popup box-shadow aui-dialog-open popup-width-custom aui-dialog-content-ready"
style="width: 810px; margin-left: -405px; margin-top: -263.5px;">
<h2 class="aui-popup-heading">
    <div class="aui-popup-content">
        <div class="qf-container">
            <div class="qf-unconfigurable-form">
                <form action="#" name="jiraform" class="aui">
                <div class="form-body" style="max-height: 419px;">
                    <input type="hidden" name="id" value="11100" />
                    <input type="hidden" name="atl_token" value="BP8Q-WXN6-SKX3-NB5M|6533762274aaa5d16f14dbbe010917f161596d8d|lin" />
                    <div class="content">
                        <div class="aui-tabs horizontal-tabs" id="horizontal">
                            <ul class="tabs-menu">
                                <div class="tabs-pane" id="tab-0">
                                    <div class="tabs-pane active-pane" id="tab-1">
                                        <div class="field-group aui-field-something">
                                            <div class="field-group">
                                                <div class="field-group">
                                                    <div class="field-group">
                                                        <label for="customfield_11200">
                                                            final Dynamic Value</label>
                                                        <table id="customfield_11200:maintable">
                                                            <input type="button" value="add" id="finaladd" />  **PROBLEM CONTROL**
                                                            <input type="button" value="remove" id="finalremove" />  **PROBLEM CONTROL**
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="field-group aui-field-wikiedit comment-input">
                                            </div>
                                        </div>
                                        <div class="buttons-container form-footer">
                </form>
            </div>
        </div>
    </div>
</div>
 .....
 ...
   ..

。。。。。。。
.............

最终动态值
**问题控制**
**问题控制**
.....
...
..

---

注意：以上突出显示的问题位于问题控制处。标记注释。

我认为您可以使用id编辑问题对话框进行区分

if($("#edit-issue-dialog").length){
//u r in edit form, and do your stuff
}else{
//in create form do your stuff
}