如何在点击旁边的图标时只访问特定的文本框

问题描述：

如何在点击旁边的图标时只访问特定的文本框。我知道我必须使用$这个，但新的我无法做到这一点。帮助表示赞赏。 :)如何在点击旁边的图标时只访问特定的文本框

JS：

jQuery(document).ready(function($) { 
    $('#plus').click(function(event) { 
     if($('.abc').val() == ''){ 
      $('.abc').val(10); 
     }else{ 
      $inc = parseInt($('.abc').val()) + 10; 
      $('.abc').val($inc); 
     } 
    }); 
});

HTML：

<form class="chkform" id="chkform" name="chkform" method=post action=""> 
<input type="text" class="abc" id="abc" name="abc" value=""> 
<img src="plus.png" id="plus" name="plus" class="plus" > 
<br><br> 
<input type="submit" value="submit" name="submit" > 
</form> 

<form class="chkform" id="chkform" name="chkform" method=post action=""> 
<input type="text" class="abc" id="abc" name="abc" value=""> 
<img src="plus.png" id="plus" name="plus" class="plus" ><img src="minus.png" id="minus" name="minus" class="minus"> 
<br><br> 
<input type="submit" value="submit" name="submit" > 
</form>

你能先格式化你的代码吗？ – Raghav

抱歉给您带来不便。 –

在这里我想，当我点击#plus只有文本框增量，而不是其余。 –

答

你的表单编码不是很好，你不能有重复的ID，你有几个关闭。

我已经改变了功能，以寻找.plus，现在得到在它之前的输入域和执行上，而不是所采取的行动：

jQuery(document).ready(function($) { 
    $('.plus').click(function(event) { 
     var textArea = $(this).prev('input[type="text"]'); 
     if(textArea.val() == ''){ 
      textArea.val(10); 
     }else{ 
      $inc = parseInt(textArea.val()) + 10; 
      textArea.val($inc); 
     } 
    }); 
});

看到它在这里工作：http://jsfiddle.net/cchana/wQc8U/

谢谢@cchana，它和我想要的一样。 :) –

答

$(function() { 
    $('<yourselctor>').click(function(e) { 
     var parent = $(this).closest('<parent container selector>'); 
     var target = parent.find('<your desired textbox selector>'); 
    }); 
});

在目标你可以有你想要的文本。

如何在点击旁边的图标时只访问特定的文本框

相关推荐