在我的 Jquery 按钮元素之外定位一个 div

Question

我正在尝试在我的 Jquery 按钮元素之外定位一个 div。我现在的做法是

$(this).parent().parent().parent().parent().parent().parent().parent().children(":nth-child(3)").children().children().children(":nth-child(4)");  

一定有更简单的方法吧？该元素有一个 class 但还有更多相同的元素我还需要在 div idually 中调整。

谢谢。

代码： https://jsfiddle.net/n71mgmgw/

Answer 1

我的第一个建议是使用 ID 或 data-XXX 属性来标识元素。

此致

Answer 2

也许使用类似的东西：

$(this).closest('.pucontent').find('input.fontSize').val(); // You'll get font size.
// or
$('input.fontSize', $(this).closest('.pucontent')).val();

了解 .closest() and .find() or better read article about traversing in jQuery