jquery - 使用函数作为参数的包装方法

Question

这段代码有什么问题？根据条件，我想设置双棕色边框或纯蓝色边框，但我使用什么条件并不重要:if($(this).has("#tt")) 或 if(($(this).has("ssssssss"))) 或其他，它始终放置双棕色边框...

J查询:

$(document).ready(function () {
    $(".divvv").wrap(function () {
        if ($(this).has("#tt")) {
            return $("<div/>").css("border","double thick brown")
        }
        else {
            return  $("<div/>").css("border","solid blue")
        }
    })
})

HTML:

<div id="firstdiv" class="divvv">
 <label class ="lab" id="tt" for="two">2</label>
    <input type="checkbox" value="2" id="two" />
    <label class ="lab" for="four">4</label>
    <input type="checkbox" value="4" id="four" />
</div>

 <div class="divvv" id="secdiv">
<button id="bu">Here</button><button id="bubu"> Button</button>
    <label id="second">This is the <span style="color:aqua">second</span> label</label>
    <label>This is the third label</label>
        </div>

Answer 1

试试这个:.has() 返回一个对象而不是 true 或 false。您可以使用 .has().length 返回 1，即如果它匹配对象则返回 true，否则返回 0 即 false。看下面代码

$(document).ready(function () {
    $(".divvv").wrap(function () {
        if ($(this).has("#tt").length) {
            return $("<div/>").css("border","double thick brown")
        }
        else {
            return  $("<div/>").css("border","solid blue")
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="firstdiv" class="divvv">
 <label class ="lab" id="tt" for="two">2</label>
    <input type="checkbox" value="2" id="two" />
    <label class ="lab" for="four">4</label>
    <input type="checkbox" value="4" id="four" />
</div>

<div class="divvv" id="secdiv">
    <button id="bu">Here</button><button id="bubu"> Button</button>
    <label id="second">This is the <span style="color:aqua">second</span> label</label>
    <label>This is the third label</label>
</div>