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

Question

下面是我试图从滑块包装中获取模板id的代码。当用户选择当前模板的活动模板时，如何从活动模板中获取id？我尝试使用html方式，但它总是给我模板id是no 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>

尝试检索幻灯片编号的代码：

if ($_SERVER["REQUEST_METHOD"] == "POST"){
 if(isset($_POST['submit'])){
    $template = $_POST['template']; 
    echo $template; 
    exit;
    }
}

Answer 1

一个纯javascript/jQuery解决方案：

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