1

对于“缩进”类的 s，我希望<span>底部边框是缩进水平的乘数倍，而 #808080 或黑色用于交替缩进深度。

我尝试执行此操作的代码是：

if (maximum_parenthesis_count > SPAGHETTI.maximum_underline_so_far)
{
    for(var outer = SPAGHETTI.maximum_underline_so_far; outer <= maximum_parenthesis_count; ++outer)
    {
        var identifier = '';
        for(var inner = 0; inner < outer; ++inner)
        {
            if (identifier)
            {
                identifier += ' span.indent';
            }
            else
            {
                identifier = 'span.indent';
            }
        }
        console.log('jQuery');
        console.log(identifier);
        console.log(outer + 'px solid black;');
        jQuery(identifier).css('border-bottom', outer + 'px solid black;');
    }
    SPAGHETTI.maximum_underline_so_far = maximum_parenthesis_count;
}

Chrome 中的 console.log 语句似乎我应该得到我想要的，模数交替音调：

jQuery spaghetti.js:134
span.indent spaghetti.js:135
1px纯黑色；spaghetti.js:136
jQuery spaghetti.js:134
span.indent span.indent spaghetti.js:135
2px纯黑色；

但是，嵌套跨度的底部没有显示任何边框，我想知道我是否已经取消了jQuery.css()通话。我可以在静态样式表中获得最多 n 行的结果，但我的目的是为生成的缩进级别提供更深、更厚的边框。

当我使用 Chrome 的检查器时，它识别（例如）两个级别的嵌套 span.indent，但右侧的 CSS 规则列表不显示任何指示底部边框的内容。console.log 语句似乎表明代码已被执行，但jQuery(identifier).css('border-bottom', outer + 'px solid black;');似乎无影无踪。

我怎样才能修改它，以便在这个例子中，外部span.indent有一个 1px 纯黑色底边框，而内部span.indent有一个 2px 纯黑色底边框？

4

2 回答 2

0

尝试这个

if (maximum_parenthesis_count > SPAGHETTI.maximum_underline_so_far)
{
    for(var outer = SPAGHETTI.maximum_underline_so_far; outer <= maximum_parenthesis_count; ++outer)
    {
        var identifier = 'span.indent';
        console.log('jQuery');
        console.log(identifier);
        console.log(outer + 'px solid black');
        jQuery(identifier).css('border-bottom', outer + 'px solid black');
        // jQuery automatically matches all identifiers like span.indent
    }
    SPAGHETTI.maximum_underline_so_far = maximum_parenthesis_count;
}

检查您的页面span.indent element是否有.

要检查这一点，您可以使用此代码

alert(jQuery('span.indent').length);

在里面if condition

于 2013-04-01T15:53:43.907 回答
0

工作示例：http: //jsfiddle.net/hVbtz/7/

var outer = 1;
var borderString = outer +  'px solid black';
$("#one").css("border-bottom", borderString);

您不需要;在 css 调用中

于 2013-04-01T15:51:23.447 回答