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

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>

使用这个元素，我想找到具有类名test parentElement 。为此，我在Google中进行了搜索。我找到了以下代码。

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

它与id一起正常工作，问题是在我的情况下元素没有像id,class这样的任何属性。所以我尝试了以下方式，但它不起作用。

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

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

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进行包装。