Skocz do zawartości

Porównanie nazwy klas divów zmieniających się w pętli. Jak pobrać i porównać te dwie nazwy?


Blaku
 Udostępnij

Rekomendowane odpowiedzi

Cześć.

Muszę porównać nazwy klasy divów. Nazwy klasy się zmieniają, bo działają w pentli.

Jak pobrać i porównać te dwie nazwy?

Dokładnie to nie wiem jak wyciągnąć te nazwy.

One się zmieniają, nie mają stałej nazwy. Porównać, to porównam, głównie jak wyciągnąć to do jQuery?

Chcę porównać czy są takie same.

Odnośnik do komentarza
Udostępnij na innych stronach

Faktycznie, chyba zbyt chaotycznie wytłumaczone...

Więc chodzi mi, że mam takie dwie linijki kodu (nie będę wklejał całego, to nie ma sensu )

<div id="post-<?php echo get_the_ID(); ?>"></div>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>...</article>

i chce je porównać, by stwierdzić, czy ID się zgadza, w tym przypadku klasa z pierwszej i ID z drugiej.

Jest to z Wordpressa.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Nie możesz mieć dwóch elementów o tym samym id na jednej stronie. To się kłóci z ideą ID. W takich przypadkach lepszym rozwiązaniem jest skorzystanie z CLASS.

Chyba, że get_the_ID() zwraca inną wartość niż the_ID() - ale nie wiem czy się nie pomyliłeś czasami.

Możesz skorzystać z atrybutu data. HTML wyglądałby tak:

<div id="post-id" data-article="article-id"></div>

<article id="article-id" class="some-class"></article>

A jQ:

$(document).ready(function(){
  $('div').each(function(){
    $('#' + $(this).data('article')).css({
      'background': "#0FF"
    });
  });
});

Powinno "pokolorować" wszystkie artykuły na żółto, które mają swoją parę z <div>

Edytowane przez Salvation
Odnośnik do komentarza
Udostępnij na innych stronach

Mój błąd, w pierwszej linijce miało być CLASS nie ID

get_the_ID służy mi w pętli wordpressowej, the_ID w artykule, inaczej działać nie będzie. I tak, zwraca zawsze podobne wartości

Po prostu chcę uzyskać taki efekt:

wchodzę w artykuł, u góry mam miniatury wszystkich artykułów (linijka pierwsza). 

Jeśli post-id zgadza się z miniaturą, to nadaje klasę tej miniaturze.

Cały kod strony: http://wklej.to/OcpXN

Kod miniaturki jest w DIVie: project-realizacje

A niżej jest artykuł.

Edytowane przez Blaku
Odnośnik do komentarza
Udostępnij na innych stronach

Rozgryzłem trochę, lecz potrzebuję pomocy jak to w kodzie zapisać. Mianowicie:

1. Dzięki pętli tworzę listę miniaturek z odnośnikami do innych stron.

2. Wyświetlam konkretny post.

3. Ten post, który jest wybrany, chce by podświetlał się, lub obramowanie - mniejsza.

Jak się nie mylę, muszę liczbę i listę miniaturek do tablicy zapisać. Później porównać z artykułem, który jest aktualnie wyświetlany. Jeśli znajdę zgodność, to nadać klasę wyróżniającą element.

Dobrze myślę?

jQuery czy JS wykorzystać?

Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Podobna zawartość

    • Cześć mam pytanie do was jak zrobić efekt rozwijanego menu / listy w jQuery ? Widziałem coś takiego jak slideUp collapse ale nie wiem jak tego użyć w moim kodzie :| 
      link do mojej strony: CodeStudio
    • Nie znalazłem na internecie żadnego fajnego pluginu dropdown do jquery, więc napisałem swój. Zamyka się po kliknięciu na obszar poza blokiem, a otwiera po wciśnięciu wybranego elementu.

      Screen/Demo: Edit fiddle - JSFiddle

      HTML
      <span id="activer">Otwórz</span> <ul class="dropdown"> <li>test</li> <li>test 2</li> </ul> CSS
      .dropdown { background: #ccc; list-style: none; padding: 10px; margin: 0; width: 100px; border: 1px solid #000; } .dropdown li { border-bottom: 1px solid #000; } #active { cursor: pointer; display: block; } jQuery
      (function($) { $.fn.dropdown = function(options) { var el = $(this); if (typeof options["activer"] !== "undefined" && $(options["activer"]).length != 0) { var activer = $(options["activer"]); el.hide(); activer.click(function(e) { e.stopPropagation(); el.fadeToggle(); }); $(document).click(function(e) { if(!el.is(":hidden") && !$(e.target).is(el) && !$(e.target).parents().is(el) && !$(e.target).is(activer)) { el.fadeOut(); } }); } } })(jQuery); $(".dropdown").dropdown({ activer: '#activer' })
    • Cześć! To znowu ja i kolejne nabijanie reputacji
      Efekt:
      Demo:
      Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.
    • Witajcie! Po dosyć długiej przerwie kolejny artykuł, tym razem o jQuery Slider.
      Wiele osób chcąc urozmaicić swoją stronę WWW dodaje slidery, które w ostatnim czasie są bardzo popularne. Rambling Slider to skrypt o prostej budowie, bardzo łatwy w edycji. 

      Przejdźmy do rzeczy. Pierwszym krokiem będzie ściągniecie paczki ze skryptem - Link download 

      Ładujemy bibliotekę jQuery do naszej strony. W tym celu w tagach dodajemy kod:
       
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript" src="../assets/javascripts/jquery.rambling.slider.min.js"></script>
      Następnie „włączamy” plik CSS z ustawieniami slidera do strony HTML. Również w tagach .
       
      <link href="../assets/stylesheets/jquery.rambling.slider.min.css" rel="stylesheet" media="screen" type="text/css" />
      Przedostatnim krokiem w zainstalowaniu slidera, będzie dodanie pluginu. Oto on:
       
      <script type="text/javascript">// <![CDATA[ $(window).load(function() { $(#slider).ramblingSlider(); }); // ]]></script>
      No i oczywiście, to co odpowiada za wyświetlanie slajdów, czyli kod HTML:
      <div class="ramblingSlider" id="slider"><img alt="" src="1.jpg" /> <img title="This is an example of a caption" alt="" src="2.jpg" /> <img alt="" src="3.jpg" /> <img title="#htmlcaption" alt="" src="4.jpg" /></div>
      Demo dostępne na: jQUERY Swatches 
    • Witajcie

      Mam taki link: http://app.lotto.pl/wyniki/?type=dl i chciałbym za pomocą JS/JQ pobrać dane. Jest taka możliwość czy tylko za pomocą php?
  • Najnowsze tematy

  • Ostatnio rozwiązane

    • Próbowałem już tego, sprawdzałem zmianę każdego ustawienia lecz niewiele to dało. Zauważyłem też że przy włączeniu komputera całkowicie od nowa, monitor przez pewien czas wyświetla prawidłową barwę kolorów a potem je zmienia. W załączniku porównanie kolorów z laptopa(niebieskie) i monitora(różowe). (Nie wiem czy ma to cokolwiek do rzeczy, ale do pisania na tablecie graficznym używam programu MC OneNote, który zawsze miał motyw biały. Gdy któregos razu uruchomiłem aplikację, zmieniła ona motyw na czarny i od tamtego  czasu, kolory są zimne, nienasycone.) PROBLEM ROZWIĄZANY  Otóż zauważyłem, że kolory wyglądają jak w trybie dla daltonistów. Wszedłem w ustawienia i okazało się, że (nie wiem dlaczego nigdy tego nie włączałem) miałem włączone filtry kolorów. Po ich wyłączeniu wszystko wróciło do normy. Może przypadkowo nacisnąłem jakiś skrót klawiszowy, nie mam pojęcia.😅
    • Cześć. Odpowiednikiem RTX 2060 OC jest AMD Radeon RX 5600 XT. Karta pobiera 10W mniej, ma tyle samo pamięci (6GB GDDR6) i tą samą szynę pamięci 192 Bit. Ewentualnie trochę tańsza ale z 2 GB pamięci więcej RX 5500 XT OC 8GB GDDR6 za 2100 zł.
×