jQuery - только элементы целевого класса с одним и тем же родителем

Так что у меня много профилей и, следовательно, много div, которые повторяются снова и снова. Теперь я хочу нацелить элемент класса с помощью jquery и анимировать другой элемент класса в том же профиле.

in my case:
$(',profile_menu').click(function() {
  $( ".profile_like" ).removeClass( "m_hidden" )
  $(".profile_like").animate({
    left: 0+'%'
  },300);

Проблема в том, что я хочу нацеливаться только на классы, которые находятся в одном профиле.

Я надеюсь, что проблема была хорошо описана.

<!-:::::::::::::::::::: Profile 1::::::::::::::::::::::::::::::::::::::::-->
<div class="profile_box">
  <div class="profiles">
    <div class="profile_icons">
      <div class="profile_like m_hidden"></div>
      <div class="profile_favorite m_hidden"></div>
      <div class="profile_present m_hidden"></div>
      <div class="profile_chat m_hidden"></div>
    </div>
    <div class="profile_spacer"></div>
    <div class="info_container">
      <div class="info_bar">
        <div class="profile_name_spacer"></div>
        <div class="profile_name"></div>
        <div class="profile_city"></div>
      </div>
      <div class="profile_menu"></div>
    </div>
  </div>
</div>
<!-:::::::::::::::::::: Profile 2::::::::::::::::::::::::::::::::::::::::-->
<div class="profile_box">
  <div class="profiles">
    <div class="profile_icons">
      <div class="profile_like m_hidden"></div>
      <div class="profile_favorite m_hidden"></div>
      <div class="profile_present m_hidden"></div>
      <div class="profile_chat m_hidden"></div>
    </div>
    <div class="profile_spacer"></div>
    <div class="info_container">
      <div class="info_bar">
        <div class="profile_name_spacer"></div>
        <div class="profile_name"></div>
        <div class="profile_city"></div>
      </div>
      <div class="profile_menu"></div>
    </div>
  </div>
</div>
<!-:::::::::::::::::::: Profile 3::::::::::::::::::::::::::::::::::::::::-->
<div class="profile_box">
  <div class="profiles">
    <div class="profile_icons">
      <div class="profile_like m_hidden"></div>
      <div class="profile_favorite m_hidden"></div>
      <div class="profile_present m_hidden"></div>
      <div class="profile_chat m_hidden"></div>
    </div>
    <div class="profile_spacer"></div>
    <div class="info_container">
      <div class="info_bar">
        <div class="profile_name_spacer"></div>
        <div class="profile_name"></div>
        <div class="profile_city"></div>
      </div>
      <div class="profile_menu"></div>
    </div>
  </div>
</div>
<!-:::::::::::::::::::: Profile 4::::::::::::::::::::::::::::::::::::::::-->
...
...
...

0 ответов

Другие вопросы по тегам