Забрать id у определённого class
Задача: забрать Id у элемента с определённым Class, и занести его в переменную для дальнейшего использования.
Имеются, к примеру, 10 кнопок. Каждая имеет одинаковый Class, но разные ID. При нажатии на кнопку должен срабатывать скрипт с определённым class, и выдирать ID с кнопки для дальнейшего использования. Как реализовано у меня (неудобная и громоздкая версия). Сначала я обращаюсь кнопкой к скрипту для выдирания со страницы list.html определённый div c тем же ID. Форма html: <form> <input id="1seriya" type="button" value="1"><br> <input id="2seriya" type="button" value="2"><br> <input id="3seriya" type="button" value="3"><br> <input id="4seriya" type="button" value="4"><br> <input id="5seriya" type="button" value="5"><br> <input id="6seriya" type="button" value="6"><br> <input id="7seriya" type="button" value="7"><br> <input id="8seriya" type="button" value="8"><br> <input id="9seriya" type="button" value="9"><br> <input id="10seriya" type="button" value="10"><br> <input id="11seriya" type="button" value="11"><br> <input id="12seriya" type="button" value="12"><br> <input id="13seriya" type="button" value="13"><br> <input id="14seriya" type="button" value="14"><br> <input id="15seriya" type="button" value="15"><br> <input id="16seriya" type="button" value="16"><br> <input id="17seriya" type="button" value="17"><br> <input id="18seriya" type="button" value="18"><br> <input id="19seriya" type="button" value="19"><br> </form> JQuery скрипт: $('#1seriya').click(function() {$("#ds").load("test/list.html #1seriya");}); $('#2seriya').click(function() {$("#ds").load("test/list.html #2seriya");}); $('#3seriya').click(function() {$("#ds").load("test/list.html #3seriya");}); $('#4seriya').click(function() {$("#ds").load("test/list.html #4seriya");}); $('#5seriya').click(function() {$("#ds").load("test/list.html #5seriya");}); $('#6seriya').click(function() {$("#ds").load("test/list.html #6seriya");}); $('#7seriya').click(function() {$("#ds").load("test/list.html #7seriya");}); $('#8seriya').click(function() {$("#ds").load("test/list.html #8seriya");}); $('#9seriya').click(function() {$("#ds").load("test/list.html #9seriya");}); $('#10seriya').click(function() {$("#ds").load("test/list.html #10seriya");}); $('#11seriya').click(function() {$("#ds").load("test/list.html #11seriya");}); $('#12seriya').click(function() {$("#ds").load("test/list.html #12seriya");}); $('#13seriya').click(function() {$("#ds").load("test/list.html #13seriya");}); $('#14seriya').click(function() {$("#ds").load("test/list.html #14seriya");}); $('#15seriya').click(function() {$("#ds").load("test/list.html #15seriya");}); $('#16seriya').click(function() {$("#ds").load("test/list.html #16seriya");}); $('#17seriya').click(function() {$("#ds").load("test/list.html #17seriya");}); $('#18seriya').click(function() {$("#ds").load("test/list.html #18seriya");}); $('#19seriya').click(function() {$("#ds").load("test/list.html #19seriya");}); Как видно, что в зависимости от кол-ва серий код будет расти, и поэтому нужно сократить код до минимума. Например: JQuery скрипт: var seriya = [ID нажатой клавиши]; $('.lorem').click(function() {$("#ds").load("test/list.html seriya");}); Помогите мне, пожалуйста :3 |
CaptainAlexander, где class не вижу?
|
Цитата:
С class html каркас должен выглядеть примерно так: <form> <input id="1seriya" class="lorem" type="button" value="1"><br> <input id="2seriya" class="lorem" type="button" value="2"><br> <input id="3seriya" class="lorem" type="button" value="3"><br> <input id="4seriya" class="lorem" type="button" value="4"><br> <input id="5seriya" class="lorem" type="button" value="5"><br> <input id="6seriya" class="lorem" type="button" value="6"><br> <input id="7seriya" class="lorem" type="button" value="7"><br> <input id="8seriya" class="lorem" type="button" value="8"><br> <input id="9seriya" class="lorem" type="button" value="9"><br> <input id="10seriya" class="lorem" type="button" value="10"><br> <input id="11seriya" class="lorem" type="button" value="11"><br> <input id="12seriya" class="lorem" type="button" value="12"><br> <input id="13seriya" class="lorem" type="button" value="13"><br> <input id="14seriya" class="lorem" type="button" value="14"><br> <input id="15seriya" class="lorem" type="button" value="15"><br> <input id="16seriya" class="lorem" type="button" value="16"><br> <input id="17seriya" class="lorem" type="button" value="17"><br> <input id="18seriya" class="lorem" type="button" value="18"><br> <input id="19seriya" class="lorem" type="button" value="19"><br> </form> Но вопрос остаётся вопросом: вытащить из input с классом lorem id, и присвоить его переменной var seriya. Как это реализовать? |
CaptainAlexander,
$('.lorem').click(function() {$("#ds").load("test/list.html #"+this.id)}); |
рони,
огромное спасибо! |
Часовой пояс GMT +3, время: 13:43. |