Как скрыть определенные элементы на странице с помощью jQuery - PullRequest
Новая
       14

Как скрыть определенные элементы на странице с помощью jQuery

0 голосов
/ 10 апреля 2010

Я пытаюсь реализовать что-то похожее на граненый поиск. Мои данные - это ряд объектов и отношений. Идея состоит в том, что вы щелкаете объект (в данном случае «95 тезисов», а затем отображаются возможные отношения, в данном случае «автор»), и при щелчке отношения отображается объект, соответствующий отношению, в данном случае «Мартин Лютер».

Мой щелчок объектов и взаимосвязей (предикатов) работает нормально. Что мне нужно сделать, так это позволить пользователям щелкнуть объект или отношение и удалить все те, которые выходят из него.

Это то, что я подумал добавить при щелчке «тега» объекта или отношения (каждый раз, когда я добавляю другой объект или отношение, я увеличиваю глобальный атрибут, называемый «уровень»): 

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 голосов
/ 11 апреля 2010

$(".objHolder,. preHolder") для выбора двух разных классов в один массив?

Если да, попробуйте $(".objHolder").add(".preHolder") и любым способом напишите . и имя класса (preHolder) без пробела!

...