загрузки страницы в соответствии с именами классов

Question

Я получил код, как это на моей странице:

<div class="item item_wall id1"></div> 
<div class="item item_wall id2"></div> 
<div class="item item_wall id3"></div> 
<div class="item item_wall id4"></div> 
<div class="item item_wall id5"></div> 

Я хочу что-то в JQuery, так что, когда DIV с классом «пункта» нажата, она будет загружать другой div от страницы, имя файла страницы будет зависеть от щелчка div. Предпочтительно я хотел бы, чтобы нагрузка:?

something.php типа = item_wall & ID = ID1

На будущее это то, что я закончил с:

<div id="itemstable" class="item_love"> 
    <div class="id1"></div> 
    <div class="id2"></div> 
    <div class="id3"></div> 
    <div class="id4"></div> 
    <div class="id5"></div> 
    <div class="id6"></div> 
</div> 

JQuery :

<script> 
$("#itemstable div").click(function(){ 
    var url = "something.php?type=" + $(this).parent().attr("class") + "id=" + $(this).attr("class"); 
    alert(url); 
}); 
</script> 

Answer 1

Ответ Эхо-Спенсера-Рупора, вы можете сделать это проще при использовании jQuery для использования пользовательских атрибутов, отличных от класса.

Например, ваш DIV может выглядеть следующим образом:

<div class="item" type="item_wall" id="1"></div> 

Вы можете легко создать селектор JQuery и событие, как следующее:

$(".item").click(function() { 
    var url = "something.php?type=" + $(this).attr("type"); 
    windows.location = url; 
}); 

Конечно, не забудьте проверить действительность, никогда не доверяют пользовательскому вводу (ваш HTML может быть переписан злоумышленником).

Answer 2

Для действительного документа XHTML самым простым является добавление невидимого дочернего DIV в ваш основной DIV. Например:

<div class="item"> 
    <div class="variable type">item_wall</div> 
    <div class="variable id">1</div> 
</div> 

Вы можете найти «пользовательский атрибут» с помощью .find(). Например:

$(".item").click(function() { 
    var type = $(this).find(".type").val(); 
    var url = "something.php?type=" + type; 
    windows.location = url; 
}); 

Немного мнения: следует избегать смешивания данных с пользовательским интерфейсом.