Last Seite nach Klassennamen

Question

ich Code wie diesen auf meiner Seite haben:

<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> 

ich etwas in jquery wollen, so dass, wenn ein div mit der Klasse der „Punkt“ angeklickt wird, wird es laden Bei einem anderen div von einer Seite hängt der Dateiname von der Seite ab, auf die geklickt wurde. Vorzugsweise würde ich es Last gefallen:

something.php type = item_wall & id = id1

Für die Zukunft ist das, was ich am Ende mit:

<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

Echo Spencer Ruports Antwort, können Sie Machen Sie dies einfacher, wenn Sie jQuery verwenden, um andere benutzerdefinierte Attribute als die Klasse zu verwenden.

Zum Beispiel Ihre DIV kann wie folgt aussehen:

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

Sie können ganz einfach jQuery-Selektor und Ereignis wie die folgende erstellen:

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

Natürlich nicht vergessen zu überprüfen Gültigkeit, vertraue niemals Benutzereingaben (dein HTML kann von einem böswilligen Benutzer neu geschrieben werden).

Answer 2

Für XHTML-gültige Dokumente ist es am einfachsten, unsichtbare Kind DIV unter Ihrem Haupt DIV hinzuzufügen. Zum Beispiel:

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

Sie können das "benutzerdefinierte Attribut" mit .find() finden. Z.B .:

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

Ein bisschen Meinung: Daten mit UI Mischen sollte vermieden werden.