Javascript 在单击时向文本框添加值

我试图在点击一个与其同级的按钮时将地址插入到输入字段中

HTML

---

我不知道我做错了什么，但是如果我

console.log（jQuery（this）），我什么也得不到对不起，如果这是一个愚蠢的问题，我刚开始想“这个”（或者至少我认为我是。）
你使用
这个
应该没问题。您的问题在于
prev
prev
仅获取前面的同级。在这种情况下，前面的同级是锚，而不是
输入。因此，
.prev（“输入”）
将找不到任何内容，因为以前的同级不匹配选择器。
您使用
此
应该可以。您的问题在于
prev
prev
仅获取前面的同级。在这种情况下，前面的同级是锚，而不是
输入。因此，
.prev（“输入”）
将找不到任何内容，因为以前的同级不匹配选择器。
您使用
此
应该可以。您的问题在于
prev
prev
仅获取前面的同级。在这种情况下，前面的同级是锚，而不是
输入。因此，
.prev（“输入”）
将找不到任何内容，因为以前的同级不匹配选择器。
您使用
此
应该可以。您的问题在于
prev
prev
仅获取前面的同级。在这种情况下，前面的同级是锚，而不是
输入。因此，
.prev（“输入”）
将找不到任何内容，因为前一个兄弟姐妹与选择器不匹配。
扩展了Jame的答案

您可以使用它。您的问题是prev。prev只获取前一个同级。在这种情况下，前一个同级是锚，而不是输入。因此，.prev（“输入”）将找不到任何内容，因为前一个同级与选择器不匹配

.prev（）的选择器是排除性的。在这种特定情况下，可以使用菊花链prev（）来选择所需内容

jQuery("#from-home, #to-home").click(function(event) {
  event.preventDefault();

  jQuery(this).prev().prev().val("123 my street, 12345 Gotham");

});

将允许您选择所需内容。然而，对我来说更有意义的是，通过id选择元素。
扩展了Jame的答案

您可以使用它。您的问题是prev。prev只获取前一个同级。在这种情况下，前一个同级是锚，而不是输入。因此，.prev（“输入”）将找不到任何内容，因为前一个同级与选择器不匹配

.prev（）的选择器是排除性的。在这种特定情况下，可以使用菊花链prev（）来选择所需内容

jQuery("#from-home, #to-home").click(function(event) {
  event.preventDefault();

  jQuery(this).prev().prev().val("123 my street, 12345 Gotham");

});

将允许您选择所需内容。然而，对我来说更有意义的是，通过id选择元素。
扩展了Jame的答案

您可以使用它。您的问题是prev。prev只获取前一个同级。在这种情况下，前一个同级是锚，而不是输入。因此，.prev（“输入”）将找不到任何内容，因为前一个同级与选择器不匹配

.prev（）的选择器是排除性的。在这种特定情况下，可以使用菊花链prev（）来选择所需内容

jQuery("#from-home, #to-home").click(function(event) {
  event.preventDefault();

  jQuery(this).prev().prev().val("123 my street, 12345 Gotham");

});

将允许您选择所需内容。然而，对我来说更有意义的是，通过id选择元素。
扩展了Jame的答案

您可以使用它。您的问题是prev。prev只获取前一个同级。在这种情况下，前一个同级是锚，而不是输入。因此，.prev（“输入”）将找不到任何内容，因为前一个同级与选择器不匹配

.prev（）的选择器是排除性的。在这种特定情况下，可以使用菊花链prev（）来选择所需内容

jQuery("#from-home, #to-home").click(function(event) {
  event.preventDefault();

  jQuery(this).prev().prev().val("123 my street, 12345 Gotham");

});

将允许您选择所需内容。但是，对我来说更有意义的是按id选择元素。
如果在标记中引入两个外部的
DIV
s，那么可以使用jQuery
.prevAll（）
函数，如下所示：

标记：

<div>
    <label for="to">To:</label>
    <input type="text" id="to" name="to" required="required" placeholder="An address" size="30" /> <a id="to-link" href="#" class="button">Get my position</a>
    <a id="to-home" href="#" class="button">Home</a>
</div>
<div>
    <label for="from">From:</label>
    <input type="text" id="from" name="from" required="required" placeholder="Another address" size="30" /> <a id="from-link" href="#" class="button">Get my position</a>
    <a id="from-home" href="#" class="button">Home</a>
</div>

看看这个

阅读了解更多信息。
如果在标记中引入两个外部
DIV
s，则可以使用jQuery
.prevAll（）
函数，如下所示：

标记：

<div>
    <label for="to">To:</label>
    <input type="text" id="to" name="to" required="required" placeholder="An address" size="30" /> <a id="to-link" href="#" class="button">Get my position</a>
    <a id="to-home" href="#" class="button">Home</a>
</div>
<div>
    <label for="from">From:</label>
    <input type="text" id="from" name="from" required="required" placeholder="Another address" size="30" /> <a id="from-link" href="#" class="button">Get my position</a>
    <a id="from-home" href="#" class="button">Home</a>
</div>

看看这个

阅读了解更多信息。
如果在标记中引入两个外部
DIV
s，则可以使用jQuery
.prevAll（）
函数，如下所示：

标记：

<div>
    <label for="to">To:</label>
    <input type="text" id="to" name="to" required="required" placeholder="An address" size="30" /> <a id="to-link" href="#" class="button">Get my position</a>
    <a id="to-home" href="#" class="button">Home</a>
</div>
<div>
    <label for="from">From:</label>
    <input type="text" id="from" name="from" required="required" placeholder="Another address" size="30" /> <a id="from-link" href="#" class="button">Get my position</a>
    <a id="from-home" href="#" class="button">Home</a>
</div>

看看这个

阅读了解更多信息。
如果在标记中引入两个外部
DIV
s，则可以使用jQuery
.prevAll（）
函数，如下所示：

标记：

<div>
    <label for="to">To:</label>
    <input type="text" id="to" name="to" required="required" placeholder="An address" size="30" /> <a id="to-link" href="#" class="button">Get my position</a>
    <a id="to-home" href="#" class="button">Home</a>
</div>
<div>
    <label for="from">From:</label>
    <input type="text" id="from" name="from" required="required" placeholder="Another address" size="30" /> <a id="from-link" href="#" class="button">Get my position</a>
    <a id="from-home" href="#" class="button">Home</a>
</div>

看看这个

阅读了解更多信息。
prev（）查找上一项，而不是上一项。由于
$（this）
的上一项是
prev（）查找的是上一项而不是上一项。由于
$（this）
的上一项是
prev（）查找的是上一项而不是上一项。由于
$（this）
的上一项是
prev（）查找的是上一项而不是上一项。由于
$（this）
的上一项是
，如果您只需要上一个
，可以使用.prevAll（）命令：

.eq（0）
减少了您正在查找的匹配元素（因此，第二个Home按钮将只在它前面找到
标记）。
如果您只需要前面的一个
，可以使用.prevAll（）命令：

.eq（0）
减少了您正在查找的匹配元素（因此，第二个Home按钮将只在它前面找到
标记）。
如果您只需要前面的一个
，可以使用.prevAll（）命令：

.eq（0）
减少您正在查找的匹配元素（th
$("#from-home, #to-home").click(function(event) {
    event.preventDefault();

    $(this).prevAll("input").eq(0).val("123 my street, 12345 Gotham");
});