Мне нужен код javascript для следующих целей: у меня есть несколько div, и в этих div есть несколько тегов с некоторым содержанием. То, что я хотел бы сделать, это; каждый раз, когда я набираю что-то в текстовом поле, я хочу, чтобы javascript показывал мне только те div, которые имеют похожий контент.

Для лучшего понимания: https://www.w3schools.com/howto/howto_js_filter_table.asp Этот код фильтрует содержимое таблицы, и мне нужны те же функции для моих элементов div.

Вот мои дивы с некоторым фиктивным содержанием

        {amp}lt;div class = "col-md-9 mt-3 wrapper" style="border:1px solid;"{amp}gt;
            {amp}lt;div class = "row"{amp}gt;
                {amp}lt;div class = "col-md-4 mt-3 text-center"{amp}gt;
                    {amp}lt;img src = "dummypicture" width = "100%"{amp}gt;
                    {amp}lt;h6 class = "mt-3"{amp}gt;Filter this{amp}lt;/h6{amp}gt;
                    {amp}lt;h6 class = "mt-2"{amp}gt;dummy content{amp}lt;/h6{amp}gt;
                {amp}lt;/div{amp}gt;
                {amp}lt;div class = "col-md-4 mt-3 text-center"{amp}gt;
                    {amp}lt;img src = "dummypicture" width = "100%"{amp}gt;
                    {amp}lt;h6 class = "mt-3"{amp}gt;Filter this{amp}lt;/h6{amp}gt;
                    {amp}lt;h6 class = "mt-2"{amp}gt;dummy content{amp}lt;/h6{amp}gt;
                {amp}lt;/div{amp}gt;
                {amp}lt;div class = "col-md-4 mt-3 text-center"{amp}gt;
                    {amp}lt;img src = "dummypicture" width = "100%"{amp}gt;
                    {amp}lt;h6 class = "mt-3"{amp}gt;Filter this{amp}lt;/h6{amp}gt;
                    {amp}lt;h6 class = "mt-2"{amp}gt;dummy content{amp}lt;/h6{amp}gt;
                {amp}lt;/div{amp}gt;
                {amp}lt;div class = "col-md-4 mt-3 text-center"{amp}gt;
                    {amp}lt;img src = "dummypicture" width = "100%"{amp}gt;
                    {amp}lt;h6 class = "mt-3"{amp}gt;Filter this{amp}lt;/h6{amp}gt;
                    {amp}lt;h6 class = "mt-2"{amp}gt;dummy content{amp}lt;/h6{amp}gt;
                {amp}lt;/div{amp}gt;
                {amp}lt;div class = "col-md-4 mt-3 text-center"{amp}gt;
                    {amp}lt;img src = "dummypicture" width = "100%"{amp}gt;
                    {amp}lt;h6 class = "mt-3"{amp}gt;Filter this{amp}lt;/h6{amp}gt;
                    {amp}lt;h6 class = "mt-2"{amp}gt;dummy content{amp}lt;/h6{amp}gt;
                {amp}lt;/div{amp}gt;
                {amp}lt;div class = "col-md-4 mt-3 text-center"{amp}gt;
                    {amp}lt;img src = "dummypicture" width = "100%"{amp}gt;
                    {amp}lt;h6 class = "mt-3"{amp}gt;Filter this{amp}lt;/h6{amp}gt;
                    {amp}lt;h6 class = "mt-2"{amp}gt;dummy content{amp}lt;/h6{amp}gt;
                {amp}lt;/div{amp}gt;
            {amp}lt;/div{amp}gt;
        {amp}lt;/div{amp}gt;