загрузить страницу в соответствии с именами классов - PullRequest
Новая
       18

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

0 голосов
/ 18 июля 2009

На моей странице есть такой код: 

<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 с классом "item" он загружал другой 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>

Ответы [ 2 ]

2 голосов
/ 18 июля 2009

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

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

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

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

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

1 голос
/ 18 июля 2009

Повторяя ответ Спенсера Рупорта, вы можете сделать это проще, используя 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 может быть переписан злонамеренным пользователем).

...