0

「title-」で始まる body タグからクラス名を取得し、そのクラス サフィックスをクラス「title」を持つ H1 に追加する必要があります。また、接頭辞「title-」を持つクラスがない場合、H1 にはクラス「style-default」が必要です。

"title-style1" - このボディ クラスはサフィックス (style1) を変更し、配列にも配置するため、順序の計算は役に立ちません。

<body  class="first something title-style1 last">

    <h2 class="title"> John Doe</h2>
    <!-- need to get this:-->
    <h2 class="title style1"> John Doe</h2>
    <!-- but I'mg getting  this:-->
    <h2 class="title style1 style-default"> John Doe</h2>
    <!-- this is just some other title-->
    <h2 class="style2"> John Malkovich</h2>

</body>

必要な接尾辞を取得できましたが、「style-default」を適切に配置できません。おそらく「if else」の間違いです。

$(document).ready(function(){
    var classes = $("body").attr('class').split(' ');
    for (var i = 0; i < classes.length; i++) {
    // finding classes starting with title-
    var $matches = /^title\-(.+)/.exec(classes[i]);
        if ($matches != null) {
        $sufix = $matches[1];
            $(".title").addClass($sufix);      
        }
        else {
              // this also add class to every match ?
          $('.title').addClass('style-default');
        }
    }
});

Here'a a fiddle http://jsfiddle.net/lima_fil/xz9bA/60/

ありがとう

4

2 に答える 2