jquery - 如何使用 jQuery 根据页面上的另一个随机元素编辑随机元素？

Question

我不知道jquery中是否有这样的选项，我尝试过“find，contains，has”选择器，但无法完成我所需要的。

我有一个无法访问的软件代码，因此要更改布局，我只能摆弄 CSS 和 jQuery。

这里是示例代码:

<div class="form-group">
    <label>Filter by Day</label>
    <div>
        <label for="chkDayWednesday" class="cpv-checkbox font-weight-normal">
            <input type="checkbox" name="chkDayWednesday" id="chkDayWednesday" checked="checked">
            <i></i>
            Wednesday
        </label>
        <br>
        <div style="margin-top: -6px; margin-bottom: -18px;">
            <label for="chkDayThursday" class="cpv-checkbox font-weight-normal">
                <input type="checkbox" name="chkDayThursday" id="chkDayThursday" checked="checked">
                <i></i>
                Thursday
            </label>
        </div>
    </div>
</div>

我需要向下面的 div 添加样式:

<div style="margin-top: -6px; margin-bottom: -18px;">

问题是页面上有多个类，例如:.form-group。我只能使用一个唯一元素，它是:

id="chkDayWednesday"

或

id="chkDayThursday"

所以问题是，如何根据页面上的这些独特元素，我可以向上或向下移动到具有负边距的 div 并对其进行编辑？

我尝试过这样的事情:

$("label:contains('Thursday')").css({"background-color": "yellow"});

但它只选择标签本身。

Answer 1

你尝试过.closest()吗？找到最接近的父元素。示例:

$("label:contains('Thursday')").closest("div").css("background", "yellow");