我正在为此而摧毁自己.不是必须经历的ind js.但这应该是简单的吗?
我想在我的'arr'数组中包装每个元素并将其附加到div#testBox.我使用jQuery.each这样做,但我什么也没得到:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type='text/javascript'>
var arr = ["one", "two", "three", "four", "five"]
jQuery.each(arr, function() {
$(this).append("#testBox").wrap("<div class='mongol'></div>");
});
</script>Run Code Online (Sandbox Code Playgroud)
如果我在我的jQuery.each函数中警告(this),那么我会提醒每个元素.我不明白.
我想要实现的目标:
<div id="testBox>
<div class=" mongol ">one</div>
<div class="mongol ">two</div>
<div class="mongol ">three</div>
<div class="mongol ">four</div>
<div class="mongol ">five</div>
</div>Run Code Online (Sandbox Code Playgroud)
谢谢你帮助乔纳斯
这让我困惑了好几个小时了.为什么在IE8中测试时会出现"无效参数"错误?
function resizeContainer() {
wHeight = window.innerHeight;
$('.container').each(function () {
$(this).animate({
height: wHeight
}, 400);
});
$('.content').each(function () {
wHeight = window.innerHeight;
fullPad = wHeight - $(this).height();
if (wHeight < 750) {
cropFactor = 1.7;
}
else {
cropFactor = 2;
}
$(this).animate({
paddingTop: fullPad / cropFactor
});
});
}
Run Code Online (Sandbox Code Playgroud)
我得到的确切错误是:
无效的论点.jquery.js,第8826行5
我想这是一个非常简单的问题.
我想给我的li-tags一个与其里面的图像相匹配的宽度.到目前为止,我正在为每个人获得正确的图像属性.
$("#slider1 li img").each(function(){
var imageWidth = $(this).width();
var imageHeight = $(this).height();
$(this).attr('width', imageWidth);
$(this).attr('height', imageHeight);
});
Run Code Online (Sandbox Code Playgroud)
但我似乎无法弄清楚我如何将imageWidth转移到我的li-tag.我尝试过:
$("#slider1 li").css("width", imageWidth);
Run Code Online (Sandbox Code Playgroud)
但这只是为所有li提供相同的宽度.
谢谢你的帮忙:)
编辑:我的标记:
<ul id="slider1">
<li><img src="tester.jpg"/></li>
<li><img src="tester2.jpg"/></li>
<li><img src="tester3.jpg"/></li>
<li><img src="tester4.jpg"/></li>
<li><img src="tester.jpg"/></li>
<li><img src="tester2.jpg"/></li>
</ul>
Run Code Online (Sandbox Code Playgroud)