javascript - 在相似的 div 中选择一个特定的 div

Question

我正在寻找有关以下情况的指导：

上下文：页面显示一个动态生成的列表，其中包含 X（基于用户的更改）个项目，每个项目的格式如下：

<div class="dashboard_section_item">
    <div id="openModal_55872761" class="modalEdit">
        <div><a href="#close" title="Close" class="closemodalEdit">X</a>
            <h3>Properties</h3>
        </div>
    </div> <a href="#openModal_55872761">Edit</a>

    <label for="add_listname_label">Assign to list</label>
    <br/>
    <select name="mod_list" class="mod_list">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
    <input type="hidden" name="prod_uid" class="prod_uid" value=”55872761">
    </div>

第一个问题：当用户单击特定项目编辑链接时，需要在产品 div 顶部显示模式 div。

当前代码： 似乎我必须为每个模式指定一个唯一 ID，以便它知道它与哪个项目相关联。我所做的（见上文）是在生成列表时将项目 uid 添加到 id 和 href 标记，以便为每个工作正常的项目相应地映射。

有更好的方法吗？

Answer 1

如果我理解你，这样的事情应该这样做：

<div id="openModal_55872761" class="modalEdit">
    <div><a href="#close" title="Close" class="closemodalEdit">X</a>
        <h3>Properties</h3>
    </div>
</div>

<a class="someClass" href="#openModal_55872761">Edit</a>

$(document).on('click', 'a.someClass', function() {
    $(this).prev('.modalEdit').modal('show');
});