JSON text inhalt mit jquery filtern?

[hakura]

hallo,
ich habe eine json datei mit diesem inhalt:

{
  "test": [
      {
        "id": "B001",
      "name": "test1"
    },
    {
        "id": "B002",
      "name": "test2"
    }
],
   "projects": [
   {
      "id": "P001",
      "title": "A",
      "name": "blubby"
    }
]
}

Den ich mit Javascript in das HTMl File transportiere und dort anzeige als Button. Wie kann ich den "P001"
mit jquery so filtern, dass wenn ich auf dem html , den button test1 klicke soll der "P001" angezeigt werden und wenn ich test2 klicke soll er nicht mehr angezeigt werden, sondern ein anderer z.b. "P002"

wie realisiere ich das?

 

[Tronjer]

JSON wird normaler Weise in Form eines Ajax-Calls aus einer externen Quelle gelesen. Wenn du das aber direkt in dein HTML-File einbinden willst, würde ich es an eine JS-Variable binden. Damit hast du ein JavaScript Object und kannst auf dessen Attribute zugreifen.

<button data-id="p001">Test 1</button>
<button data-id="p002">Test 2</button>

  var foo = {
             "projects": [
             {
                "id": "P001",
                "title": "A",
                "name": "blubby"
              },
              {
                "id": "P002",
                "title": "B",
                "name": "blablub"
              }
            ]
          };

$('button').on('click', function() {
  var id = $(this).data('id').toUpperCase();

  $.each(foo.projects, function(index, value) {
    if (id == value.id) {
      console.log("id: " + value.id + " - " + "title: " + value.title + " - " + "name: " + value.name);
    }
  });
});