按关键字搜索

Question

我是一名自学程序员，目前正在从事一个招聘网站项目。我有一个带有搜索功能的工作列表页面。现在，用户可以按职位搜索，我想添加按关键字搜索的选项。

HTML

每个工作有 6 个属性：工作职称、工作地点、工作类型、工作行业和工作关键字。job-keyword 是一个列表，因为一个工作可以有不同数量的关键字。

<div class="job-listing">

    <div class="container">

            <div class="job-number">

                <h2>We Found <span id="number-jobs-total" class="text-secondary">214</span> Offers For <span>You</span> </h2>

            </div>

            <ul class="job-board">

                <li class="job job-1">

                    <div class="job-title">

                        <h2>Process Engineer</h2>

                    </div>

                    <div class="job-location">

                        <p>Location: Naypyitaw</p>

                    </div>

                    <div class="job-type">

                        <p>Type: Full-Time</p>

                    </div>

                    <div class="job-date">

                        <p>Published on 07/19/2019</p>

                    </div>

                    <div class="job-industry">

                        <p>Engineering</p>

                    </div>

                    <ul class="job-keywords">

                        <li>Engineering</li>

                        <li>Science</li>

                    </ul>

                </li>

                <li class="job job-2">

                        <div class="job-title">

                            <h2>Chief Financial Officier</h2>

                        </div>

                        <div class="job-location">

                            <p>Location: Naypyitaw</p>

                        </div>

                        <div class="job-type">

                                <p>Type: Full-Time</p>

                        </div>

                        <div class="job-date">

                                <p>Published on 07/18/2019</p>

                        </div>