ファセット検索に似たものを実装しようとしています。私のデータは、一連のオブジェクトと関係です。アイデアは、オブジェクト (この場合は「95 か条の論題」) をクリックすると、関連性が表示されます。この場合は「著者」です。関係をクリックすると、関係に一致するオブジェクトが表示されます。この場合は「Martin Luther」です。
オブジェクトとリレーションシップ (述語) のクリックは正常に機能します。私がしなければならないことは、ユーザーがオブジェクトまたは関係をクリックして、そこから拡張されたものをすべて削除できるようにすることです。
これは、オブジェクトまたは関係の「タグ」がクリックされたときに追加することを考えたものです (別のオブジェクトまたは関係を追加するたびに、「レベル」と呼ばれるグローバル属性をインクリメントします):
if($(".objHolder,. preHolder").filter("[level>'"+level+"']").filter("[holderId='"+holderId+"']").length)
{
$(".objHolder,. preHolder").filter("[level>'"+level+"']").filter("[holderId='"+holderId+"']").remove();
}
<table border="0" cellpadding="4" cellspacing="2">
<tbody>
<tr>
<td class="objHolder" objid="1" holderid="1" level="1">
<table border="0" cellpadding="4" cellspacing="2">
<tbody>
<tr class="objItemRow" objid="1" holderid="1" level="1">
<td class="objItem" objid="1" holderid="1" level="2" bgcolor="#eeeeee" nowrap="nowrap">95 Theses</td>
</tr>
</tbody>
</table>
</td>
<td><img src="images/right.jpg" alt="" height="10" width="16"></td>
<td class="preHolder" level="2" holderid="1">
<table border="0" cellpadding="4" cellspacing="2">
<tbody>
<tr>
<td class="preItem" level="3" subid="1" preid="1" holderid="1" bgcolor="#eeeeee" nowrap="nowrap">author</td>
</tr>
</tbody>
</table>
</td>
<td><img src="images/right.jpg" alt="" height="10" width="16"></td>
<td class="objHolder" level="3" holderid="1">
<table border="0" cellpadding="4" cellspacing="2">
<tbody>
<tr>
<td class="objItem" level="4" objid="3" holderid="1" bgcolor="#eeeeee" nowrap="nowrap">Martin Luther</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>