javascript - 目标上一个输入字段

Question

我试图将 Accordion 中表单元素的前一个输入字段作为目标。我已经尝试了多种方法来定位 .image-url 字段，但我无法仅定位 Accordion 中的这一字段。这可能是一项简单的任务，但我无法让它工作。任何帮助将不胜感激。

HTML

<form>
    <input class="image-url" type="text" />
    <input class="button" type="button" />
</form>

JS

$('form .button').click(function() {

    // do stuff
   uploader.on('select', function() {
       $(this).prev().val('text to put');
   }
}

这是我现在拥有的，但我无法让它工作。

Answer 1

uploader.on 回调中的

this 可能不是按钮。记住按钮，然后在回调中使用它:

$('form .button').click(function() {
   var btn = $(this);

    // do stuff
   uploader.on('select', function() {
       btn.prev().val('text to put');
   }
});

---

旁注:每当我看到一个事件处理程序从另一个事件处理程序中连接起来时，它就会为我举起一个旗帜。如果按钮被点击两次，您将在 uploader 上为 select 事件得到两个处理程序。您可能想检查一下这是否真的是您想要的...

旁注 2:CSS 选择器可以做的不仅仅是 id 和类，您可能不需要按钮上的 class="button"。您可以通过 form input[type=button] 选择它(在您的 CSS 中进行样式设置，并在 jQuery $() 调用中定位它)。