以编程方式为跨度底部

对于“缩进”类的<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 solid black; spaghetti.js:136
jQuery spaghetti.js:134
span.indent span.indent spaghetti.js:135
2px solid black; 

但是，嵌套的跨度在底部没有显示任何边框，我不知道我是否调用了jQuery.css()调用。 我可以在静态样式表中得到我想要的n行结果，但我的意图是提供更深，更厚的边界，但是会生成许多级别的缩进。

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

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

---

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

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

你不需要; 在css调用中

---

尝试这个

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

链接地址: http://www.djcxy.com/p/46027.html

上一篇: bottom for span's programmatically

下一篇: "Uncaught SyntaxError: Unexpected token :" JSONP response