0

先頭に追加される要素で、別の既存の要素クラスを使用して先頭に追加したいと考えています。混乱を避けるために、親要素クラスの最初に「ボックス」という単語があることだけを知っており、残りのクラスはランダムに生成されているとしましょう。

したがって、たとえば次のように書くことは明らかにできません。

.prepend('<div class="box-something_more"></div>');

私が知っている限りでは、親要素クラスは「box-nothing」または「box-something-else」または何百万ものものである可能性があります。

html構造:

<div class="box-something"> <!-- source of the box- class -->
    <div class="box-something_more"></div> <!-- prepended element -->
    <div class="box-something_evenmore"></div> <!-- prepended element -->

</div>

<div class="box-two"> <!-- source of the box- class -->
    <div class="box-two_more"></div> <!-- prepended element -->
    <div class="box-two_evenmore"></div> <!-- prepended element -->

</div>

したがって、先頭に追加される要素は、親要素からクラスの先頭を取得する必要があります。

http://jsfiddle.net/tDUpD/2/

編集：これでうまくいくようです。http://jsfiddle.net/tDUpD/3/

4

1 に答える 1

0

これはあなたが考えていたことをしますか？そうでない場合は、質問をより明確に述べてみてください。

例：

HTML

<div class="foo"></div>
<div class="doo"></div>

JS

var childClasses = ["bar", "baz"];

$('.foo, .doo').each(function() {
    var $self = $(this);
    $.each(childClasses, function(i, childClass) {
        $self.append($('<div/>', {
            'class': $self.attr('class') + "_" + childClass
        }));
    });
});

= 結果の HTML

<div class="foo">
  <div class="foo_bar"></div>
  <div class="foo_baz"></div>
</div>
<div class="doo">
  <div class="doo_bar"></div>
  <div class="doo_baz"></div>
</div>
于 2011-05-30T08:15:45.130 に答える