Question

我有以下dom代码

<div id='parent1' class="test">
    <br/>
    <div id='parent2'>
        <br/> <span><p id='element1'>Test</p></span>
        <br/>
    </div>
    <br/>
    <div id='parent3'>
        <br/> <span><p id='element2'>Test</p></span>
        <br/>
        <div>
            <div>
                <div>
                    <p>JavascriptDevelopers</p>
                </div>
            </div>
        </div>
    </div>
    <br/>
</div>

我写了一个事件，它将以下元素作为目标元素返回。

 <p>JavascriptDevelopers</p>

使用此元素，我想找到parentElement，其类名为test。为此，我在Google中搜索。我找到了以下代码。

$("#element2").closest('.test').attr("id")

它与id一起正常工作，问题在于我的情况下该元素没有像id,class这样的属性。所以我尝试了以下方式，但它＆＃39 ; s不工作。

var domEle=event.target(reference:<p>JavascriptDevelopers</p>);
domEle.closest('.test').attr("id");

任何人都可以帮助我。

感谢。

Answer 1

我想你想要：

$(event.target).closest('.test').attr("id");

Answer 2

你可以尝试：

$（event.target）.closest（ '试验'）ATTR（ “ID”）;

Answer 3

您可以尝试在dQuery包装器中包装dom节点：

var domEle=event.target(reference:<p>JavascriptDevelopers</p>);
$(domEle).closest('.test').attr("id");

或更多jQuery方式：

$(event.target).closest('.test').attr('id');

或者这个：

 $(event.target).closest('.test')[0].id;

在您的代码中似乎是将jQuery方法附加到dom节点，而不是必须用jQuery包装它。

如何使用element找到第n个父元素

3 个答案: