1

<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 のインスペクターを使用すると、(たとえば) 2 レベルのネストされた span.indent が認識されますが、右側の CSS ルールのリストには、下の境界線を指示するものは何も表示されません。console.log ステートメントは、コードが実行されたことを示しているようですがjQuery(identifier).css('border-bottom', outer + 'px solid black;');、トレースなしで通過しているようです。

span.indentこの例では、外側に 1 ピクセルの黒一色の下枠があり、内側に 2 ピクセルの黒一色の下枠があるように、これを変更するにはどうすればよいspan.indentですか?

4

2 に答える 2

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 に答える
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 に答える