代码之家  ›  专栏  ›  技术社区  ›  FreeKill

按子元素获取Div

  •  -1
  • FreeKill  · 技术社区  · 6 年前

    我有以下代码

    <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中:重复。

    我现在要做的是在单击按钮时获取周围的Div,这样我可以在之后获取Textarea并将此文本复制到其他Textarea。 通常我会尝试使用id标签来完成这项工作,但这似乎对ui不起作用:重复。

    我知道如何将内容复制到另一个文本区域,但不知道如何获取第一个文本区域。

    2 回复  |  直到 6 年前
        1
  •  0
  •   Davis    6 年前

    可以使用获取父元素。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);
    }
    
        2
  •  0
  •   minijavi19    6 年前

    有两种方法。

    纯Javascript:

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

    使用Jquery:

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