Question

我想知道jQuery中是否有任何方法只指向一个元素，例如是点击的btn的父元素。它与其他元素具有相同的类。

首先是Paragrapph

颜色

第二段

颜色

// jQuery的

$(document).ready(function(){
  $('.btn').on("click",function(){
  $(this).parents().find('p').css('color','red');
  })
});

我希望当btn只点击这个被点击的btn的父节点的子句<p>来获取CSS属性时。我的意思是只指向这个对象。

Answer 1

而不是使用parents使用父作为<p>是按钮的父级。

以下是示例Fiddle

希望这有助于。

- 帮助：）

Answer 2

使用parent() 和find内Html控件。在这里，我使用parent('div')来查找祖先。

$(document).ready(function(){
  $('.btn').on("click",function(){
  $(this).parent('div').find('p').css('color','red');
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
   <p>First Paragrapph</p>
   <button class="btn">color</button>
 </div>
 <div >
  <p>Second Paragraph</p>
  <button class="btn">color</button>
 </div>

Answer 3

试试这个，它有效

$(document).ready(function(){
  $('.btn').on("click",function(){
  $(this).siblings('p').css('color','red');
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
   <p>First Paragrapph</p>
   <button class="btn">color</button>
 </div>
 <div >
  <p>Second Paragraph</p>
  <button class="btn">color</button>
 </div>

Answer 4

$(document).ready(function(){
  $('.btn').on("click",function(){
  $(this).parent().find('p').css('color','red');
  })
});

Answer 5

我的错误就在这里。身体是btn对象的祖先之一。所以它在两个方面都是css

所以我添加了一个过滤器作为我的父母（＆＃39;过滤器＆＃39;）。我的问题解决了。

只有这个元素不是具有相同类的其他元素

5 个答案: