jQuery Daten Lesen-Attribute ein - /ausblenden korrigieren div

Ich versuche eine Tabelle mit Daten Attribute in den Zeilen und die Fähigkeit zu zeigen, divs mit der gleichen data-Attribut auf klicken Sie auf. Ich könnte noch mehr Daten-Attribute, wenn es macht den jquery-Funktionen einfacher/schlauer.

Etwas Hilfe brauchen, um Sie alle spielen schön 🙂

Vielen Dank im Voraus!

EDIT: jsFiddle link: http://jsfiddle.net/MXpnQ/

$(".productRow").click(function () {
 $(this).parent().hide("slow"); //hides the fundListContainer
 --function to show the correct fundInfoContainer--?
});

$(".backToCorrectListButton").click(function () {
 --function to hide the fundInfoContainer and show the correct fundListContainer--?
});

<div class="fundListContainer">
<table>
 <tr class="productRow" data-fundId="1">
  <td></td>
  <td></td>
 </tr>
 <tr class="productRow" data-fundId="2">
  <td></td>
  <td></td>
 </tr>
</table>
</div>

<div class="fundInfoContainer" data-fundId="1" style="display: none">
 <div class="backToCorrectListButton">back to list</div>
</div>

<div class="fundInfoContainer" data-fundId="2" style="display: none">
 <div class="backToCorrectListButton">back to list</div>
</div>
InformationsquelleAutor Emin | 2011-10-16
  1. 3

    Sicher, Sie können!

    $(".productRow").click(function () {
   $(this).parent().hide("slow"); //hides the fundListContainer
   $("[data-fundId="+$(this).data('fundId')+"]").hide();
});

    Wenn Sie möchten, wählen Sie ein element durch alle seine Attribute (Daten-attr oder nicht) verwenden die notation

    $("[Attributname=Wert]")

    Sehen http://api.jquery.com/attribute-equals-selector/

    EDIT: Schau mal ob das ist was du willst

    http://jsfiddle.net/MXpnQ/3/

    • Ich muss die fundInfoContainer also änderte ich den code von "hide" auf "show". Aber es funktioniert nicht.
    • Ich bin mir nicht sicher, ob dieses Teil funktioniert: $(this).data('fundId')
    • Es ist, wie es nicht die Daten erfassen, die trom der data-Attribut in der TR.
    • Ich werde es prüfen. Halten Sie auf einem zweiten.
    • Ich aktualisiert meine Antwort mit dem JS fiddle, das funktioniert
    InformationsquelleAutor miguel.camba
Schreibe einen Kommentar