更改属性时选择孩子的孩子

Question

我正在与CMS合作，以使我的网站易于编辑。

要在我的网站上呈现内容，我可以内联编辑文本  但在编辑器中，我也可以选择属性，例如h1, h2, h3, h4, h5, h6, p。

现在问题出在那个属性选择器上。

我有一个名为（class）：easybutton的按钮

.easybutton内的一个子div

在那个孩子的里面是我尝试在jquery中选择的文本属性以赋予它margin: 0 auto，

但是由于我的属性可以更改，因此我需要选择类似(.easybutton div).child

我尝试使用此代码：

$(function(){
   var KK = ('.easybutton div');
   var KKC = KK.children;
   $(KKC).css('margin', '0 auto');
});

但是那什么也没做。

欢迎所有答案。

拉蒙

编辑：

.easybutton下的我的div直接只能通过div属性来选择，类值也在更改

Answer 1

如果所需元素是唯一的孩子，那么接下来的一个衬里就可以解决问题。

$('.easybutton div').children().first().css('margin', '0 auto');

Answer 2

KKC变量包含什么？我认为这是一个数组，您应该遍历它

编辑：这应该可以解决此问题，因为错字缺少KK.children（）的函数调用

$(function(){
   var KK = $('.easybutton div');

   var KKC = KK.children();

   $(KKC).css('margin', '0 auto');
});

Answer 3

您也可以不使用jQuery

// select div 
var KK = document.querySelector('.easybutton div');
// add style to FIRST child 
KK.children[0].style.margin ="0 auto";