如何使用jQuery隐藏页面上的某些元素

时间:2010-04-10 08:43:36

标签: jquery filter faceted-search

我正在尝试实现类似于分面搜索的内容。我的数据是一系列对象和关系。这个想法是你单击一个对象(在这种情况下是“95 Theses”,然后显示可能的关系,在这种情况下是“author”,单击关系会显示与该关系匹配的对象,在本例中为“Martin Luther”。

我点击对象和关系(谓词)可以正常工作。我需要做的是允许用户单击一个对象或关系,并从中删除所有那些对象或关系。

这就是我在添加对象或关系'tag'时添加的想法(每当我添加另一个对象或关系时,我会增加名为'level'的全局属性):

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>

1 个答案:

答案 0 :(得分:0)

$(".objHolder,. preHolder")是否可以选择两个不同的类组成一个数组?

如果是,请尝试$(".objHolder").add(".preHolder")并以任意方式编写.和班级名称(preHolder),不要有空格!