Question

我想要突出显示值 true 的一些项目。这是代码

    $('td.obsolete').each(function(index) {
        alert($(this).text());
        var val = $(this).text();
        alert("val:" + val);
        if (val === true) {
            alert("now then");
            $("td.obsolete").css('background-color', '#fef1f8');
        }
    });

当在td单元格中找到该项目时，前2个警报工作并返回False和True。第三个警报“现在然后”永远不会被解雇。我试过了

       if (val === true) 
if (val == true)
if (val == 'True')

任何线索？

Answer 1

$('document').ready(
    function(){
        $('td.obsolete').each(function(index) {
        alert($(this).text());
        var val = $(this).text();
        alert("val:" + val);
        if (val == 'true') {
            alert("now then");
            $("td.obsolete").css('background-color', '#fef1f8');
        }
    });
});

http://jsfiddle.net/Zah4z/

如果您的td文字中有空格，则可以使用jQuery.trim();

进行检查

这是我试过的，它提供的工作小提琴链接

Answer 2

$(document).ready(
    function(){
        $('td.obsolete').each(function(index) {
        alert($(this).text());
        var val = $.trim($(this).text()).toLowerCase();
        alert("val:" + val);
        if (val == 'true') {
            alert("now then");
            $("td.obsolete").css('background-color', '#fef1f8');
        }
    });
});

Answer 3

$(document).ready(function() {
    $('td.obsolete').each(function(index) {            
        var val = $(this).text();
        val = jQuery.trim(val);            
        if (val != 'False') {
            $(this).css('background-color', '#dfc4cc');                
                var previous = $(this).prev();   
                previous.css('background-color', '#dfc4cc');                
        }   
    });    
});

值需要修剪！在这里，我还要突出显示上一个表格单元格。

检测布尔项并在jQuery中更改它们

3 个答案: