如何使用javascript在按下下一步按钮时从滑块获取id？

下面是我试图从滑块包装器获取模板id的代码。每当用户选择当前模板的活动模板时，如何从中获取id？ 我试图使用html的方式，但它总是给我的模板id是3号，这是总是给最后一个模板id

这是html代码：

<!-- slider-->
        <div id="slider-wrapper">
            <div id="slider">
                <div class="template">
                    <h3>Chronological Resume</h3>
                    Traditional Resume Template
                    <img src="images/resumes_image/chronological.png" id="1" alt="Chronological Resume" />
                    <input type="hidden" name="template" value="1"/>
                </div>
                <div class="template">
                    <h3>Functional Resume</h3>
                    Skills-based Resume Template
                    <img src="images/resumes_image/functional.png" id="2" alt="Functional Resume" />
                    <input type="hidden" name="template" value="2"/>
                </div>
                <div class="template">
                    <h3>Combination Resume</h3>
                    Combination of Chronological Resume & Functional Resume
                    <img src="images/resumes_image/combination.png" id="3" alt="Combination Resume" />
                    <input type="hidden" name="template" value="3"/>
                </div>  
            </div> <!-- close for slider-->
        </div> <!-- close for slider-wrapper-->
        <div id="nav">
            <div id="button-previous"><img src="images/icons/prev.png" alt="previous" /></div>
        <div id="button-next"><img src="images/icons/next.png" alt="next" /></div>

---

纯javascript/jQuery解决方案：

var sliderNum = $('.active > #template').val();

---

在您的代码中，您试图从何处获取滑块编号？我没有看到任何试图获取iti的尝试，我尝试在每个图像下的html区域中插入代码。但每当我试图检索它时，它总是给出最后一个模板id。。。您在何时何地尝试检索它？是PHP吗？这看起来不像jquery和javascript，不像您的标签suggestyes，php和javascript的组合。因为我使用的是需要javascript的滑块。所以我想也许有一种方法可以从那里的javascript.active类中检索它？$（“.button next”）。单击（function（）{var slider_num=$（'.active>.template'）.val（）；alert（slider_num）；}）；当我提醒滑块_num时，它显示未定义。我如何得到确切的否？

var sliderNum = $('.active > #template').val();