Javascript 在类似div中选择特定div

Javascript 在类似div中选择特定div,javascript,jquery,html,Javascript,Jquery,Html,我正在寻找以下场景的指导: 上下文:页面显示一个动态生成的列表,其中包含X(根据用户进行更改)个项目,每个项目的格式如下: <div class="dashboard_section_item"> <div id="openModal_55872761" class="modalEdit"> <div><a href="#close" title="Close" class="closemodalEdit">X</a&

我正在寻找以下场景的指导:

上下文:页面显示一个动态生成的列表,其中包含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>

性质
分配给列表

选择1 选择2 选择3 选择4
如果我理解你,像这样的事情应该可以:

<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');
});

性质
$(文档)。在('click','a.someClass',function()上{
$(this.prev('.modalEdit').modal('show');
});

如果我理解你的意思,这样做应该可以:

<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');
});

性质
$(文档)。在('click','a.someClass',function()上{
$(this.prev('.modalEdit').modal('show');
});

如果我理解你的意思,这样做应该可以:

<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');
});

性质
$(文档)。在('click','a.someClass',function()上{
$(this.prev('.modalEdit').modal('show');
});

如果我理解你的意思,这样做应该可以:

<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');
});

性质
$(文档)。在('click','a.someClass',function()上{
$(this.prev('.modalEdit').modal('show');
});

谢谢伊舍伍德。我刚试过你的建议。它应该可以正常工作,但我对$this有一个问题:我已将其更改为$this。下一步,因为我的属性div在页面上的位置已更改,并且正好位于编辑链接之后,但我收到以下错误消息:Uncaught TypeError:Object[Object Object]没有方法“modal”,因此我假设它没有找到正确的div类项。你知道吗?我在猜测你用来调用模态的方法,因为你没有提供任何相关的代码。这可能不正确。我的答案是关于链接和元素之间的DOM遍历,我一直在使用纯CSS来调用模态,实际上是指针事件和div不透明和转换。我将进一步研究DOM遍历。谢谢,啊。然后您只需删除该方法调用。谢谢isherwood。我刚试过你的建议。它应该可以正常工作,但我对$this有一个问题:我已将其更改为$this。下一步,因为我的属性div在页面上的位置已更改,并且正好位于编辑链接之后,但我收到以下错误消息:Uncaught TypeError:Object[Object Object]没有方法“modal”,因此我假设它没有找到正确的div类项。你知道吗?我在猜测你用来调用模态的方法,因为你没有提供任何相关的代码。这可能不正确。我的答案是关于链接和元素之间的DOM遍历,我一直在使用纯CSS来调用模态,实际上是指针事件和div不透明和转换。我将进一步研究DOM遍历。谢谢,啊。然后您只需删除该方法调用。谢谢isherwood。我刚试过你的建议。它应该可以正常工作,但我对$this有一个问题:我已将其更改为$this。下一步,因为我的属性div在页面上的位置已更改,并且正好位于编辑链接之后,但我收到以下错误消息:Uncaught TypeError:Object[Object Object]没有方法“modal”,因此我假设它没有找到正确的div类项。你知道吗?我在猜测你用来调用模态的方法,因为你没有提供任何相关的代码。这可能不正确。我的答案是关于链接和元素之间的DOM遍历,我一直在使用纯CSS来调用模态,实际上是指针事件和div不透明和转换。我将进一步研究DOM遍历。谢谢,啊。然后您只需删除该方法调用。谢谢isherwood。我刚试过你的建议。它应该可以正常工作,但我对$this有一个问题:我已将其更改为$this。下一步,因为我的属性div在页面上的位置已更改,并且正好位于编辑链接之后,但我收到以下错误消息:Uncaught TypeError:Object[Object Object]没有方法“modal”,因此我假设它没有找到正确的div类项。你知道吗?我在猜测你用来调用模态的方法,因为你没有提供任何相关的代码。这可能不正确。我的答案是关于链接和元素之间的DOM遍历,我一直在使用纯CSS来调用模态,实际上是指针事件和div不透明和转换。我将进一步研究DOM遍历。谢谢,啊。然后您只需删除该方法调用。