javascript - 从表单中获取具有特定类的父标签的 ID

Question

我想获取 <a> 的 ID标记，具有特定类，当我提交表单时，它是表单的父级(在 DOM 树的上方某处)

<div class="article">
                <div class="titre">Mon premier article de blog</div>
                <div class="resume" style="display: none; ">Ceci est le premier article de blog <a id="1" href="#">link</a></div>
               <div class="content">Ceci est effectivement mon premier article de blog 
                        <div class="nb_com">2 commentaires</div>
                           <div class="form">
                             <form method="post" action="">
                                <div class="form_text">
                                   <textarea name="com" id="com" rows="4" cols="122">... </textarea>
                                 </div>
                                 pseudo : <input type="text" name="pseudo" id="pseudo"> 
                           mail : <input type="text" name="mail" id="mail">  
                                <input type="button" value="Commenter" onclick="enregistre_com(this.form.com.value,this.form.pseudo.value,this.form.mail.value,this.parentNode.innerHTML">  
                            </form>
                   </div>
               </div>
            <div class="comment">
            </div>
        </div>

当我点击按钮时，我想检索 <a> 的 id 值<div class="resume"> 中的标签标签。将使用 javascript 或 jquery 表达式代替 this.parentNode.innerHTML。 (这只是测试目的)

Answer 1

使用 .closest() 转到第一个共享容器 ( .article ) 然后使用 .find() 找到 <a>在.resume里面元素..

$(this).closest('.article').find('.resume a')[0].id;