目标上一个输入字段

时间:2015-04-20 03:47:02

标签: javascript jquery

我试图定位手风琴中表单元素的前一个输入字段。我已经尝试了几种方法来定位.image-url字段,但我在手风琴中仅针对这一个字段时遇到了麻烦。这可能是一项简单的任务,但我不能让这件事工作。任何帮助将不胜感激。

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');
   }
}

这就是我现在所拥有的,我无法让它发挥作用。

1 个答案:

答案 0 :(得分:3)

this回调中的

uploader.on可能不是按钮。记住按钮,然后在回调中使用它:

$('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 $()调用中进行选择,类似于找到它。)