JQuery.删除DOM树中的上一个同级

Question

我使用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之后，我有一个指向row类特定div的"指针"。在JQuery中，我如何做到这一点，我沿着DOM树往下走，直到到达类line_type和download_value的div，并将它们都删除，我还想在类型email的div上再往下走一个节点，并更改它的一些CSS属性。

我在网上找不到任何东西，也许是因为我对这些东西一无所知。

Answer 1

我有一个指向特定div的"指针"，该div属于类行->

假设您有对应div的this对象，类为row。。然后您可以使用.find来获取该分区内的line_type和download_value

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

然后，您可以使用相同的.find来获得类email的div，并访问.css

$(this).find('.email').css(/* You code*/);

Answer 2

假设row_pointer指向有问题的行：

$('.line_type, .download_value', row_pointer).remove();
$('.email', row_pointer).css(...);

Answer 3

检查

$('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/