使用JavaScript按下Next按钮时，如何从滑块中获取ID

Question

以下是我尝试从滑块包装器获取模板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>

试图检索滑块编号的代码：

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

Answer 1

纯JavaScript/jQuery解决方案：

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