Javascript 如何在jquery中同时使用parent（）和sibling（）

我有两部这样的电影：

<div class="content">
    <label>First Name</label>
    <input name="firstName" id="firstName" type="text"  class="input firstName" />
</div>

<div class="footer">
    <button type="button" value="edit" id="Esubmit" class="button">Save</button>
</div>

我知道你可以说

var first = $('#firstName').val();

---

但是我需要对兄弟姐妹和家长执行此操作有一个特定的原因。

您将筛选器选择器作为

.sibles（）

的参数传递，而不是完整选择器。使用：

var first = $(this).parent().siblings('.content').children('input#firstName');

你有以下代码吗

$('#Esubmit').click(function () {
    var first = $(this).parent().siblings('.content').children('input#firstName');// by parent and sibling
    alert(first.val());
});

---

reference

使用问题中的DOM结构，可以使用以下jQuery函数字符串引用firstName：

$(this).parent().siblings('.content').children('#firstName').val()

---

试试这样的

            $('#Esubmit').click(function () 
            {
                var first = $(this).parent().prev().find('input#firstName');
                alert(first.val());
            });

---

#Esubmit

似乎没有最接近的

.content

父项。请记住，在一个HTML文档中包含多个ID不是有效的代码，会导致问题。

            $('#Esubmit').click(function () 
            {
                var first = $(this).parent().prev().find('input#firstName');
                alert(first.val());
            });