JSFiddle - React, Tailwind, and code Playground

by MasterAlex

HTML

<div class="block">
    <div data-name="nama1">1</div>
    <div data-name="nama2">2</div>
    <div data-name="nama1">1</div>
    <div data-name="nama4">4</div>
</div>
<hr />
<button class="class-one">not()</button>
<button class="class-two">:not</button>
<button class="show">show all</button>

JavaScript

// Пример для вопроса http://hashcode.ru/questions/394551/

$(document).ready(function() {
    $(document).on('click', '.class-one', function() {
        $('.block').find('div').not('[data-name="nama1"]').hide();
    });
    $(document).on('click', '.class-two', function() {
        $('.block').find('div:not([data-name="nama1"])').hide();
    });
    $(document).on('click', '.show', function() {
        $('.block').find('div').show();
    });
});