Zobrazení určitých položek

Sashaa

(18 hodnocení)

19. 6. 2020 14:39:17

Zdravím, jak bych mohl docílit v jQuery, abych zobrazil pomocí checkboxu pouze položky, kde je obsaženo dané slovo?

Příklad:

Zde je moje uživatelské jméno v PHP:

Zde je HTML:

Po kliknutí checkboxu by se ukázalo POUZE

ve kterém by bylo obsažené @mojejmeno

zbylé zprávy by se schovali.

Dalo by se to nějak udělat pomocí jQuery?

Děkují za rady

19. 6. 2020 14:39:17

https://webtrh.cz/diskuse/zobrazeni-urcitych-polozek/#reply1455360

kofy

(11 hodnocení)

19. 6. 2020 15:05:45

Tady to máš :)

Edit fiddle - JSFiddle - Code Playground

19. 6. 2020 15:05:45

https://webtrh.cz/diskuse/zobrazeni-urcitych-polozek/#reply1455359

Sashaa

(18 hodnocení)

19. 6. 2020 15:26:24

kofy: děkují moc :) pošlu vam hodnocení

---------- Příspěvek doplněn 19.06.2020 v 16:20 ----------

Tak ještě to není ono...

jde mi o to, aby po kliknutí checkboxu zobrazilii pouze

ve kterém je obsaženo moje jméno (třeba Pepa), bez ohledu kdo tu zprávu napsal...

příklad:

Petr: @Pepa: Ahoj Pepo

Karel: @Jana: Ahoj Jana (tohle se už schova po kliknutí na checkbox)

půjde to?

19. 6. 2020 15:26:24

https://webtrh.cz/diskuse/zobrazeni-urcitych-polozek/#reply1455358

Pavel Mareš

(19 hodnocení)

19. 6. 2020 18:40:11

Ke kofyho kodu ... jde to napsat na jeden řádek místo dvou ...

A teď k problému ... https://jsfiddle.net/pamare/sa0xwzn6/13/

Můj kod aktuálně hledá "Martin" .... můžeš změnit na "@Martin" pomocí změny atributu "data-search" na checkboxu.

Kod zde (kdyby jsfiddle jednou umřelo):

<label>
  <input type="checkbox" class="zobrazitme" data-search="Martin">
  Zobrazit jen zprávy, kde je @Martin
</label>

<div class="chat-buble">Adam: @Martin: Ahoj Jano</div>
<div class="chat-buble">Erika: @Petr: Ahoj Martine</div>
<div class="chat-buble">Erika: @Jirka: Ahoj Jirko</div>
<div class="chat-buble">Adam: @Martin: 1</div>
<div class="chat-buble">Adam: @Martin: 2</div>

jQuery('.chat-buble').each(function( index ) {
                var massageContent = jQuery(this).html();

if( ! massageContent.includes( name ) ) {
                    jQuery(this).addClass('hide');
                }
            });
        }
    });
});
</script>

19. 6. 2020 18:40:11

šikmo.cz – Digitální parťák, od designu přes vývoj až k marketingu.

https://webtrh.cz/diskuse/zobrazeni-urcitych-polozek/#reply1455357

Sashaa

(18 hodnocení)

19. 6. 2020 22:33:47

Doctore97: Děkují moc krát :) pomohlo to a funguje to.

19. 6. 2020 22:33:47

https://webtrh.cz/diskuse/zobrazeni-urcitych-polozek/#reply1455356

Pro odpověď se přihlašte.

Přihlásit