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是类row。在JQuery中，我如何制作它以便我沿着DOM树走下去，直到我到达类line_type和download_value的div并将它们都删除，并且我还想再去一个节点down，在email类型的div处，并更改其中的一些CSS属性。

我无法在网络上找到任何内容，也许是因为我仍然是这样的菜鸟。

Answer 1

假设row_pointer指向相关行：

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

Answer 2

我有一个特定div的“指针”，它是类行 - ＆gt;

假设您拥有与this类相对应的div的row对象..那么您可以使用.find获取line_type和download_value在那个div里面。

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

然后，您可以使用相同的.find获取课程email的div并访问.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/

JQuery的。删除DOM树中的前一个兄弟

3 个答案: