使用“this”结合其他元素?

时间:2011-03-27 20:24:06

标签: javascript jquery dom element this

我使用PHP和jQuery。我正在尝试做这样的事情:

$(this + ' .my_child_class').html('test');

我有一个动态的元素列表,当点击一个按钮时,我使用“this”来到当前的元素组。

问题是我想要进入当前元素组中的某个类“my_child_class”。上面的jQuery不起作用。

HTML可能如下所示:

<div class="item">
   <div class="container">
      <div class="my_child_class">Content</div>
   </div>
   <input type="submit" />
</div>

<div class="item">
   <div class="container">
      <div class="my_child_class">Content</div>
   </div>
   <input type="submit" />
</div>

4 个答案:

答案 0 :(得分:1)

我假设这是在事件处理程序中发生的 - this是一个DOM元素,而不是字符串。你可能想要这个:

$(this).find('.my_child_class').html('test');

答案 1 :(得分:0)

这就是你要追求的吗?类似的东西:

$(this).closest(".item").find(".my_child_class").html("test");

附在输入按钮上。

答案 2 :(得分:0)

在不知道this实际引用的内容的情况下,我怀疑你需要

$(this).find(".my_child_class").html("test");

根据您的具体情况,您可能还需要查看其他Traversing功能。

答案 3 :(得分:0)

您应该将此代码放在您的函数中:

$(document).ready(function() {

  $("div.item > input").bind('click',function() {

    $(this).prev().find('.my_child_class').html('test');

  });

});

您可以在此处找到整个解决方案:http://jsfiddle.net/PLm5a/1/

问候。