单击按钮时,我试图抓取并显示输入值。
$('.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似乎没有拼出答案(我确信这很明显)。
答案 0 :(得分:1)
试试这个,更改没有定义id的解决方案。 问题是$(this)中的引用.prevAll不是$(&#39; this&#39;)
$('.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;