JQuery - 无法读取undefined的属性顶部

Question

每当尝试运行这段Jquery代码时，我都会收到此错误：

$(document).ready(function(){
  $("#Card-Right-Sec").style.top = $("#Card-Left-Sec").style.top;
}); 

  

未捕获的TypeError：无法读取属性＆＃39; top＆＃39;未定义的       at：1：59

我基本上试图将两个元素相互对齐，无论屏幕大小调整多少但对我来说效果不佳...

我现在准备好接受任何建议。

Answer 1

jQuery Object没有style属性，在jQuery对象上使用css()方法。

$(document).ready(function(){
  $("#Card-Right-Sec").css('top', $("#Card-Left-Sec").css('top'));
}); 

或者通过索引或使用get()方法获取DOM对象并更新样式属性。

$(document).ready(function(){
  $("#Card-Right-Sec")[0].style.top = $("#Card-Left-Sec")[0].style.top;
}); 

Answer 2

您将jQuery对象与DOM元素混淆。只有真正的DOM元素具有style属性;在使用此属性之前，您需要访问索引[0]。

$(document).ready(function(){
  $("#Card-Right-Sec")[0].style.top = $("#Card-Left-Sec")[0].style.top;
}); 

Answer 3

尝试jQuery中的.css function

 $(document).ready(function(){
     $("#Card-Right-Sec").css('top',$("#Card-Left-Sec").css('top'));
 });