Question

我想使用它的类选择一个div，但是有其他div具有相同的类并且具有触发我的函数的相同按钮，所以我只想选择$（this）所在的类。

我试过.parent，.child，.contains，.find，但我还没弄清楚......

＆＃13;

$(".btt_class").click(function() {
  
  // I know this is wrong, but to give an idea of what I need
  $(".div_class").has(this).append("You cliked here");
  
});

＆＃13;

<div class="div_class">
  <input class="btt_class" type="button" value="Click me" />
</div>

<div class="div_class">
  <input class="btt_class" type="button" value="Click me" />
</div>

＆＃13;

Answer 1

要捕获被点击按钮的元素，您可以执行以下操作：

$(".btt_class").click(function() {

  $this = $(this);  // captures the input element
  $div_class_elem = $this.parent();  // goes up one level/element to capture the div element

  $div_class_elem.append("You clicked here");  // append this text to the end of the div element

});

Answer 2

这应该可以解决问题:( OOPS，编辑以包括找到最接近的那个。）

 $(".btt_class").on("click",function(){
      myDiv = $(this).parent().closest('div.div_class');
      myDiv.append("You clicked here");
    });

Answer 3

如果我正确理解了您的请求，那么您的代码段就是您所描述的内容：选择div，当前点击的按钮就在其中并附加了一些文字：

请查看https://jsfiddle.net/4qwy605p/

$(".btt_class").click(function() {

  $(".div_class").has(this).append("You cliked here");

});

<div class="div_class">
  <input class="btt_class" type="button" value="Click me" />
</div>

<div class="div_class">
  <input class="btt_class" type="button" value="Click me" />
</div>

它按照小提琴的要求运作。

您是否可能忘记在代码段中加载jQuery？

Answer 4

使用.closest（）将DOM树遍历到指定的选择器。这应该可以解决问题：

$(this).parent().closest('div').append("You clicked here!")

Jquery：选择$（this）所在的类

4 个答案: