【问题标题】:How to hide certain elements on a page using jQuery如何使用jQuery隐藏页面上的某些元素
【发布时间】:2010-04-10 08:43:36
【问题描述】:

我正在尝试实现类似于分面搜索的东西。我的数据是一系列对象和关系。想法是单击一个对象(在本例中为“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>

【问题讨论】:

    标签: jquery filter faceted-search


    【解决方案1】:

    $(".objHolder,. preHolder") 是否用于将两个不同的类选择到一个数组中?

    如果是,请尝试 $(".objHolder").add(".preHolder") 并以任何方式写 . 和类名 (preHolder),不带空格!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-09-09
      • 2021-12-01
      • 2014-04-05
      • 1970-01-01
      • 2021-04-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多