通過子元素獲取Div

Question

我有以下代碼

<div id="faqEntries">
    <p:inputText disabled="true" class="telDialogField"></p:inputText>
    <br/>
    <p:inputTextarea disabled="true" class="telDialogField"></p:inputTextarea>
    <br/>
    <p:button value="In Ticket übernehmen" class=" telDialogButton"></p:button>
</div>

這部分用於顯示數據庫中的常見問題。 這部分嵌套在ui：repeat內部。

我現在想做的是單擊按鈕時獲取周圍的Div，以便以后可以獲取Textarea並將此文本復制到另一個TextArea。 通常，我只是嘗試使用id標簽來執行此操作，但這似乎不適用於ui：repeat。

我知道如何將內容復制到另一個文本區域，但不知道如何獲取第一個文本區域。

Answer 1

有兩種方法。

純Javascript：

var pDoc = document.getElementById("yourDiv");
var parentDiv = pDoc.parentNode;

使用jQuery：

var parentDiv = $("#yourDiv").parent()

Answer 2

您可以使用.parentElement屬性獲取父元素。

<div id="faqEntries">
    <p:inputText disabled="true" class="telDialogField"> 
    </p:inputText>
    <br/>
    <p:inputTextarea disabled="true" class="telDialogField"> 
    </p:inputTextarea>
    <br/>
    <p:button onclick="foo(this.parentElement);" value="In Ticket übernehmen" class=" telDialogButton"> 
    </p:button>
</div>

然后，foo（）函數可以使用父元素執行任何您想做的事情。

function foo(parent){
    alert(parent.nodeName);
}