获取上一个元素标记名称

时间:2014-10-31 14:25:13

标签: javascript jquery

使用这样的html:

<div class="input-group">
<input type="text" class="form-control" name="tot-1">
<span class="input-group-addon btn btn-default addQR">+</span>

点击按钮后如何获取输入元素?

我试过这个:

$("addQR").click(function(){
var caunter = $(this).closest("input");
var nameclosest = getElementsByName(caunter);

});

但它不起作用。有什么建议吗?

1 个答案:

答案 0 :(得分:3)

您在按钮的选择器中缺少句点,并且您应该使用.prev()而不是.closest()。你已经知道了标签名input,所以我想知道为什么你会试图得到它;您可能正在尝试获取name属性:

$(".addQR").click(function(){
  var caunter = $(this).prev("input"),
      nameclosest = caunter.attr('name');
});

    $(".addQR").click(function(){
      var caunter = $(this).prev("input"),
          nameclosest = caunter.attr('name');
      alert( nameclosest );
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="input-group">
<input type="text" class="form-control" name="tot-1">
<span class="input-group-addon btn btn-default addQR">+</span>