Question

我正在尝试在jquery中的两个列表框之间加粗匹配的项目。我尝试使用以下代码，但它给了我一个错误。

var $itemInBox1 = $("#box1View").find("option"),
        $itemInBox2 = $("#box2View").find("option");

        $itemInBox1.each(function () {
            var itemInBox1 = this.val();
            $itemInBox2.each(function() {
                var itemInBox2 = this.val();

                if (itemInBox1 == itemInBox2)
                {
                    $itemInBox1.css("font-weight","bold");
                }
            });
        });

示例jsfiddle：jsfiddle

Answer 1

尝试使用 .css() ：

的正确语法

$itemInBox1.css("font-weight","bold");

或：

$itemInBox1.css({"font-weight":"bold"});

而不是：

$itemInBox1.css("font-weight:bold");

Answer 2

这就是我的工作：jsFiddle

我确实缩短了身高，所以我可以看到两者。 Chrome忽略粗体。但是，您可以在此处查看带有注释警报的工作代码。

$("#box1View option").each(function (i) {
    //alert( $(this).text() + " : " + $(this).val() );

    var opt = $(this).text();
    $('#box2View option:contains('+ opt +')').css("font-weight", "bold");  
    $('#box2View option:contains('+ opt +')').css("color", "red");
});

HTH

如何在jQuery的两个列表框中加粗匹配项？

2 个答案: