jquery - 查询多个每个语句保持变量在一个级别

Question

我试图深入了解在 Jquery 中做某事的最佳方式。

HTML

<div class="questionblock" id="questionblock1" data-load="questionblock2">
                    <div class="row inline">
                        <div class="labelholder">
                            <strong>Q:</strong>
                            <label>Question 1</label>
                        </div>
                        <div class="inputholder">
                            <strong>A:</strong>
                            <select data-val="question1">
                                <option data-value="default">Please select</option>
                                <option>Answer 1</option>
                                <option>Answer 2</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="questionblock" id="questionblock2" data-load="questionblock3">
                    <div class="row inline">
                        <div class="labelholder">
                            <strong>Q:</strong>
                            <label>Question 2</label>
                        </div>
                        <div class="inputholder">
                            <strong>A:</strong>
                            <select data-val="question1">
                                <option data-value="default">Please select</option>
                                <option>Answer 1</option>
                                <option>Answer 2</option>
                            </select>
                        </div>
                    </div>
                    <div class="row inline">
                        <div class="labelholder">
                            <strong>Q:</strong>
                            <label>Question 3</label>
                        </div>
                        <div class="inputholder">
                            <strong>A:</strong>
                            <select data-val="question2">
                                <option data-value="default">Please select</option>
                                <option>Answer 1</option>
                                <option>Answer 2</option>
                            </select>
                        </div>
                    </div>
                </div>

JS

<script type="text/javascript">
            $(function () {
                $('#content').removeClass('nojs');
                $('.questionblock').not('#questionblock1').hide();
                $('.questionblock').each(function () {
                    var myQuestions = [];
                    var block = $(this).attr('id');
                    var load = $(this).data('load');            
                    $(this).children().children().children('select').each(function () {
                        var questions = $(this).data('val');
                    });
                    console.log(block, questions);
                });
            });
        </script>

我希望能够使用一个问题块类获取每个 div，读取 id，然后获取此 div 中的所有选择框，并输出它们的 data-val，以便我可以在一个级别上对其进行验证。

http://jsfiddle.net/VEtx8/

谢谢

理查德

Answer 1

        var questions;
        function getQuestions() {
            questions = [];
            $('.questionblock').each(function () {
                var block = $(this).attr('id');
                var load = $(this).data('load'); // Not used?       
                $(this).find('select').each(function () {
                   questions.push($(this).data('val'));
                });
                console.log(block, questions);
            });
         }
         $(function() {
             getQuestions();
             $(".questionblock select").change(getQuestions);
         });