javascript - 查询。移除 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，我有一个指向特定 div 的“指针”，该 div 属于 class row。在 JQuery 中，我是如何做到的，所以我沿着 DOM 树向下，直到我到达类的 divline_type并将download_value它们都删除，而且我还想在类型的 div 处再向下一个节点email并更改一些它的CSS属性。

我在网上找不到任何东西，也许是因为我仍然是这些菜鸟。

Answer 1

假设row_pointer指向有问题的行：

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

Answer 2

我有一个指向特定 div 的“指针”，它属于 row ->

假设你有this对应的 div 类的对象row.. 那么你可以.find用来获取该div 中的line_typeand download_value。

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

然后您可以使用相同.find的方法获取带有类的 divemail并访问.css

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

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/