嘿,我是jquery的新手,我想知道在处理变量时是否有人能给我一些帮助。以下是我到目前为止的情况。我想找到一个div左侧的位置和宽度,然后用这些变量做一些基本的数学运算。对不起,这个解释有点令人困惑。所以只是一个例子,我将如何从divs宽度创建一个变量,以及如何检查变量是否彼此相等将是伟大的。
$(document).ready(function(){
//Check distance from left
var p = $(".GalleryItem");
var position = p.position();
$(".LeftPosition").text( "left: " + position.left + ", top: " + position.top );
//Check width of GalleryItem
var GalleryContainer = $(".GalleryItem");
$(".WidthText").text( "innerWidth:" + GalleryContainer.innerWidth() );
//Check width of Gallery
var GalleryContainer = $("#Gallery");
$(".WidthGalleryText").text( "innerWidth:" + GalleryContainer.innerWidth() );
});
答案 0 :(得分:1)
我猜你可以这样做:
var galleryItemWidth = $(".GalleryItem").innerWidth();
var galleryWidth = $("#Gallery").innerWidth();
然后检查一下这样的事情:
if (galleryItemWidth == galleryWidth) {
// Do something
}
else {
// Do something else
}
或许我误解了你的问题?
答案 1 :(得分:1)
当宽度需要在数学计算中使用时,建议使用.width()函数。它还包括窗口和文档,而不仅仅是div。
var position = $('.GalleryItem').position();
var galleryItemLeft = position.left;
var galleryItemWidth = $('.GalleryItem').width();
var galleryWidth = $('#Gallery').width();
// do calculations such as
var galleryItemRight = galleryItemLeft + galleryItemWidth;
// check if one width = another
if(galleryItemWidth == galleryWidth) { ... }
对于jQuery,使用返回值就像使用javascript中的任何返回值一样。将var =设置为函数(期望返回值),与'=='运算符进行比较。在jQuery中,您还可以将实际的选择器对象设置为变量,就像使用'var p = $('。GalleryItem');'一样要比较选择器对象,您可以通过它们的属性比较它们,例如位置,宽度,颜色等。
希望这有帮助。