5

次の HTML があるとします。

<div id="Wrapper">

  <div class="MyClass">some text</div>
  <div class="MyClass">some text</div>

  <div class="MyBorder"></div>

  <div class="MyClass">some text</div>
  <div class="MyClass">some text</div>
  <div class="MyClass">some text</div>

  <div class="MyBorder"></div>

  <div class="MyClass">some text</div>
  <div class="MyClass">some text</div>

</div>

クリックしたものの横にある MyClass div のテキストを、それらが入っている順序で取得したいと考えています。

これは私が持っているものです:

$('#Wrapper').find('.MyClass').each(function () {
  AddressString = AddressString + "+" + $(this).text();
});

私はすべての MyClass div を追加することを知っています。手っ取り早い方法はないか考え中です。

ありがとう。

4

3 に答える 3

3

.text()、.prevUntil()、.nextUntil()の使用

.MyClassclicked から前と次のすべての要素のテキストを取得するには.MyBorder:

$('#Wrapper').on('click', '.MyBorder', function() {
  var AddressString = [];
  $(this).nextUntil('.MyBorder').text(function(index, text) {
       AddressString.push(text);
  });

  $(this).prevUntil('.MyBorder').text(function(index, text) {
       AddressString.push(text);
  });
  console.log(AddressString.join(', '));
});

prevUntil()とsiblings()nextUntil()の組み合わせ

$('#Wrapper').on('click', '.MyClass' function() {
    var AddressString = [];
    $(this).siblings('.MyClass').prevUntil('.MyBorder').add($(this).prevUntil('.MyBorder')).text(function(index, text) {
        AddressString.push(text);
    });
    console.log(AddressString.join(', '));
});
于 2012-05-27T16:31:52.987 に答える
2

あなたが使用することができ.nextUntil()ます.prevUntil() 

$('#Wrapper').on('click','.MyClass', function(e){
    var self = $(this),
        previous = self.prevUntil('.MyBorder', '.MyClass'), // find the previous ones
        next = self.nextUntil('.MyBorder', '.MyClass'), // find the next ones
        all = $().add(previous).add(self).add(next); // combine them in order

    var AddressString = '';

    all.each(function(){
        AddressString += '+' + $(this).text();
    });

    alert(AddressString);

});

これにより、要素で区切られた要素の同じグループにあるすべての.MyClass要素が (順番に) 検索されます。.MyClass.MyBorder

http://jsfiddle.net/gaby/kLzPs/1/のデモ

于 2012-05-27T16:44:22.530 に答える
1

境界内にあるすべての兄弟を取得したい場合は、次のように機能します。

$("#Wrapper").on("click", ".MyClass", function(){
    var strings = [];
    $(this)
        .add( $(this).prevUntil(".MyBorder") )
        .add( $(this).nextUntil(".MyBorder") )
        .text(function(i,t){
            strings.push( t );
        });
    alert( strings.join(', ') );
});​

フィドル: http://jsfiddle.net/Uw5uP/3/

于 2012-05-27T16:50:32.293 に答える