JSFiddle - React, Tailwind, and code Playground

HTML

<div style="margin-bottom: 5px;">
    <input type="text" class="search-questions-field" placeholder="Søg spørgsmål">
    <input type="submit" class="search-question-button" value="Søg">
</div>
<div class="searchin">Hvordan redigerer jeg min profil?</div>
<div class="searchin">Hvordan uploader jeg billeder til min profil?</div>
<div class="searchin">Hvordan ændrer jeg mit profilbillede?</div>
<div class="searchin">Hvad er en double?</div>
<div class="searchin">Ælle bælle mig fortælle</div>

CSS

body { font-family: Arial; font-size: 12px;}
.searchin { background: #fff; border: 1px solid #dfdfdf; margin-bottom: 5px; padding: 5px; width: 400px; }
.search-successful { background: #eee; }

JavaScript

$(document).ready(function(){
    $(".search-question-button").click(function () {
        var quest = $('.search-questions-field').val().trim().split(" "),
        rx = new RegExp("\\b(" + quest.join("|") + ")", "gi"),
        len = quest.length, elm, found;
        
        $(".searchin").each(function() {
            elm = $(this);
            elm.removeClass('search-successful');
            found = 0;
            elm.text().replace(rx, function(){
                found++;
            });
            if (found===len) elm.addClass("search-successful");
        });      
    });
});