2

次のコードは、JQuery を使用して動的に作成されています。複数のrowクラス div が上下に配置されています。

<div class="row">
    ....
</div>
<div class="row">
   <div class="line_type"></div>
   <div class="download_value"></div>
   <div class="flag"></div>
   <div class="email"></div>
   <div class="prize"></div>
</div>
<div class="row">
    ....
</div>

これらdivsを作成した後、 class の特定の div への「ポインター」がありrowます。JQueryでは、クラスのdivに到達して両方を削除するまで、DOMツリーを下っていくにはどうすればよいですか?またline_type、download_valueタイプのdivでもう1ノード下に移動して、emailいくつかを変更しますそのCSS属性の。

私はウェブ上で何も見つけることができませんでした。おそらく、私がまだこれらに慣れていないからでしょう。

4

3 に答える 3

4

row_pointer問題の行へのポイントを想定します。

$('.line_type, .download_value', row_pointer).remove();
$('.email', row_pointer).css(...);
于 2012-08-28T14:56:18.847 に答える
4

クラス行の特定のdivへの「ポインター」があります->

class .. をthis持つ対応する div のオブジェクトがあると仮定すると、その div 内でandを取得するために使用できます。row.findline_typedownload_value

$(this).find('.line_type').remove();
$(this).find('.download_value').remove();

次に、同じものを使用して.find、クラスで div を取得しemail、.css

$(this).find('.email').css(/* You code*/);
于 2012-08-28T14:57:14.330 に答える
1

これをチェックしてください

$('div.row').bind('click', function() {
    $this = $(this);
    $('div.line_type, div.download_value', $this).remove();
      $('div.email', $this).css('background-color', 'red');
});

http://jsfiddle.net/YvyE3/

于 2012-08-28T15:04:45.260 に答える