jQuery PrevAll()选择器失败

时间:2014-10-13 22:41:06

标签: jquery

单击按钮时,我试图抓取并显示输入值。

$('.nextBtn').click(function() {
  alert($('this').prevAll('input[type=tel]').val())
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="step" id="step1">
  <h2>How old are you?</h2>
  Answer: <input type="tel" /> years old
  <button id="stepBtn1" class="nextBtn">Next</button>
</div>

在这里演示: http://jsfiddle.net/r7c1skgg/11/

我确信这里有一些根本我不理解的东西,但是prevAll doc似乎没有拼出答案(我确信这很明显)。

1 个答案:

答案 0 :(得分:1)

试试这个,更改没有定义id的解决方案。 问题是$(this)中的引用.prevAll不是$(&#39; this&#39;)

&#13;
&#13;
   $('.nextBtn').click(function() {
  alert($(this).prevAll('input[type=tel]').val());
})
&#13;
  

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <div class="step" id="step1">
      <h2>How old are you?</h2>
      Answer: <input type="tel"/> years old
      <button id="stepBtn1" class="nextBtn">Next</button>
    </div>
&#13;
&#13;
&#13;