each 相关问题

迭代器函数或语言结构,可用于迭代数组或列表。

jQuery - 如何通过单击按钮删除附加元素及其每个循环上的数据

我的选择上有每个循环和附加选项。我想用removeData()删除附加元素(或者可能只是数据),但它不起作用。 这是我的选择: 我有每个循环并在我的select上附加option。我想使用 removeData() 删除附加元素(或者可能只是数据),但它不起作用。 这是我的选择: <select name="service" id="service" class="form-select"> <option value="" disabled selected>-- SELECT SERVICE --</option> </select> 这是我的成功功能: success: function(response){ console.log(response); $('#service').attr("disabled", false); $.each(response, function(i, val){ $('#service').append( ` <option value="${val.service}">${val.service}, ${val.description}</option> ); }); } 按钮点击: $('#reset').on('click', function() { $('#service').removeData(); }); 我该怎么办?也许我应该使用另一种方法?或者也许我应该在成功函数之外访问response,但是如何访问?请帮助我。 已经从https://stackoverflow.com/a/29457495/12897358找到了答案。使用 remove() 方法,但使用一些选择器。 $('#service').children('option:not(:first)').remove();

回答 0 投票 0

如何在 jQuery 中找出each()的最后一个索引?

我有这样的东西... $( 'ul li' ).each( 函数( 索引 ) { $( this ).append( ',' ); } ); 我需要知道最后一个元素的索引是什么,所以我可以这样做...... if ( 索引 !==

回答 6 投票 0

Javascript 函数 openFullscreen() ,如何让它在页面上的多个 iframe 上工作

在页面上我有一个 iframe,src 中有 *.pdf 文件。 <p>在页面上我有一个 iframe,src 中有 *.pdf 文件。</p> <pre><code>&lt;div class=&#34;node--view-mode-full&#34;&gt; &lt;p&gt;&lt;iframe allow=&#34;fullscreen&#34; allowfullscreen=&#34;&#34; frameborder=&#34;0&#34; height=&#34;980&#34; scrolling=&#34;no&#34; src=&#34;https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf&#34; width=&#34;660&#34;&gt;&lt;/iframe&gt;&lt;/p&gt; &lt;p&gt;&lt;iframe allow=&#34;fullscreen&#34; allowfullscreen=&#34;&#34; frameborder=&#34;0&#34; height=&#34;980&#34; scrolling=&#34;no&#34; src=&#34;https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf&#34; width=&#34;660&#34;&gt;&lt;/iframe&gt;&lt;/p&gt; &lt;/div&gt; </code></pre> <p>浏览器中内置的 pdf 查看器现在不支持 iframe 中的全屏模式。</p> <p>我找到了解决方案<a href="https://www.w3schools.com/howto/howto_js_fullscreen.asp" rel="nofollow noreferrer">https://www.w3schools.com/howto/howto_js_fullscreen.asp</a>,解决了问题 - 以全屏模式打开 iframe。在 w3schools 的示例中,打开 iframe 的按钮已存在于 HTML <a href="https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_fullscreen" rel="nofollow noreferrer">https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_fullscreen</a>.</p> <p>在我的解决方案中,我通过 javascript 添加按钮,因为带有 iframe 的页面已经存在,但没有此类按钮:</p> <pre><code>jQuery(document).ready(function($){ $(&#34;.node--view-mode-full iframe[src*=&#39;.pdf&#39;]&#34;).each(function (index) { $(this).addClass(&#39;fullscreenframe&#39;); $(this).attr(&#39;id&#39;, &#39;fullscreen-&#39;+index); $(&#39;&lt;button onclick=&#34;openFullscreen()&#34;&gt;Open in Fullscreen Mode&lt;/button&gt;&amp;nbsp;&lt;strong&gt;Tip:&lt;/strong&gt; Press the &#34;Esc&#34; key to exit full screen.&lt;br&gt;&#39;).insertBefore(this); }); }); </code></pre> <p>然后添加一个全屏打开 iframe 的功能(与 w3schools 相同):</p> <pre><code>function openFullscreen() { var elem = document.getElementsByClassName(&#34;fullscreenframe&#34;)[0]; if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } }; </code></pre> <p>当页面上只有一个带有 *.pdf 的 iframe 时,Everysing 工作正常。但是,当我在页面上有两个或多个 iframe,并且单击任何 iframe 附近的“以全屏模式打开”任何按钮时,我总是在全屏模式下只看到第一个 *.pdf...</p> <p>我知道,这是因为我只得到 elem = document.getElementsByClassName("fullscreenframe")[0]; 中的第一个 iframe;</p> <p>我知道我需要使用类似的每个或类似的东西,但我无法解决它。在搜索关于页面上一个全屏元素的所有解决方案时,没有关于页面上多个元素的解决方案...谢谢。</p> </question> <answer tick="true" vote="0"> <p>也许是这样的:</p> <pre><code>jQuery(document).ready(function($){ $(&#34;.node--view-mode-full iframe[src*=&#39;.pdf&#39;]&#34;).each(function (index) { $(this).addClass(&#39;fullscreenframe&#39;); $(this).attr(&#39;id&#39;, &#39;fullscreen-&#39;+index); $(&#39;&lt;button onclick=&#34;openFullscreen(&#39; + index + &#39;)&#34;&gt;Open in Fullscreen Mode&lt;/button&gt;&amp;nbsp;&lt;strong&gt;Tip:&lt;/strong&gt; Press the &#34;Esc&#34; key to exit full screen.&lt;br&gt;&#39;).insertBefore(this); }); }); function openFullscreen(index) { var elem = document.getElementsByClassName(&#34;fullscreenframe&#34;)[index]; if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } } </code></pre> </answer> <answer tick="false" vote="0"> <p>为什么不整合 jQuery?</p> <pre><code>const fullScreen = element =&gt; element.requestFullScreen(); // all modern browsers $(function(){ $(&#34;.node--view-mode-full iframe[src*=&#39;.pdf&#39;]&#34;).each(function (index) { $(this).addClass(&#39;fullscreenframe&#39;); $(this).attr(&#39;id&#39;, &#39;fullscreen-&#39;+index); $(&#39;&lt;button class=&#34;fullScreen&#34;&gt;Open in Fullscreen Mode&lt;/button&gt;&amp;nbsp;&lt;strong&gt;Tip:&lt;/strong&gt; Press the &#34;Esc&#34; key to exit full screen.&lt;br&gt;&#39;).insertBefore(this); }); $(&#34;.fullScreen&#34;).on(&#34;click&#34;, function() { const $iFrame = $(this).closest(&#39;p&#39;).find(&#39;iframe.fullscreenframe&#39;); if ($iFrame) fullScreen($iFrame.get(0)); // pass the DOM element }); }); </code></pre> </answer> </body></html>

回答 0 投票 0

.each() 完成后调用 jQuery 函数

在 jQuery 中,是否可以在 .each() (或任何其他类型的迭代回调)调用完成后调用回调或触发事件。 例如,我想要这个“淡入淡出......”

回答 13 投票 0

如何在每个块 RactiveJS 中的单击事件上调用带有参数的函数?

我正在使用 RactiveJS 1.4.1 和 asp.net mvc core razor 页面。 我将 html 放入页面中的脚本模板中。并在RactiveJS中调用它来渲染。渲染工作正常,但是按钮单击操作,我...

回答 1 投票 0

jquery - 如何将一组元素中的 DIV 文本传递到另一组元素?

我需要获取每个 H3 标签的文本,并将此文本添加到 P 标签中的相关(阅读更多链接)。 截图:https://prnt.sc/c8YnoSdDTuCL 像这样 : 我需要获取每个 H3 标签的文本,并将此文本添加到 P 标签中的相关(阅读更多链接)。 截图:https://prnt.sc/c8YnoSdDTuCL 像这样: <a href="https://somelink.com" class="eael-post-elements-readmore-btn"> Read More <p class="someclass">post 1</p> </a> 这是代码: ` var headingContent = jQuery('.eael-grid-post-link').text(); jQuery( ".eael-post-elements-readmore-btn" ).each(function( index ) { jQuery(this).append( "<p class='someclass'>" +headingContent+ "</p>" ); });` 结果: 截图:https://prnt.sc/l_m1oacawxJ1 为什么所有值都附加到每个链接? 您将获取所有 h3 标签内容,并每次在所有“阅读更多”位置应用所有内容。一种方法是获取每个帖子的 div,然后获取 h3 标签并应用在“阅读更多”中,例如: var postDiv = jQuery('.post-div'); postDiv.each(function () { let content = jQuery(this).first('h3').text(); jQuery(this).first(".eael-post-elements-readmore-btn") .append( "<p class='someclass'>" + content + "</p>" ); }); 这是ideia,请检查代码。

回答 1 投票 0

Thymeleaf - 如何按索引循环列表

如何按索引循环? Foo.java 公共富{ 私人列表任务; ... } 索引.html 任务: 如何按索引循环? Foo.java public Foo { private List<String> tasks; ... } index.html <p>Tasks: <span th:each="${index: #numbers.sequence(0, ${foo.tasks.length})}"> <span th:text="${foo.tasks[index]}"></span> </span> </p> 我遇到解析错误 org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as each: "${index: #numbers.sequence(0, ${student.tasks.length})}" Thymeleaf th:each 允许您声明迭代状态变量 <span th:each="task,iter : ${foo.tasks}"> 然后在循环中可以参考iter.index和iter.size。 请参阅教程:使用 Thymeleaf - 6.2 保持迭代状态。 如果我们省略的话,Thymeleaf 总是声明隐式迭代状态变量。 <span th:each="task : ${foo.tasks}"> <span th:text="${taskStat.index} + ': ' + ${task.name}"></span> </span> 这里,状态变量名称为taskStat,是变量task和后缀Stat的聚合。 然后在循环中,我们可以引用taskStat.index、taskStat.size、taskStat.count、taskStat.even和taskStat.odd、taskStat.first和taskStat.last。 来源:教程:使用 Thymeleaf - 6.2 保持迭代状态 首先请原谅我糟糕的英语。 请注意,根据我的经验,关于 index 和 count 值的状态变量 ([1]) 不会跟踪迭代的状态,而是返回当前对象在迭代中的位置。列出您要循环播放的列表。 例如。 您有一个名为 pairs 的列表,其中有 6 对,如下所示 0: [id=10, fk=2] 1: [id=20, fk=2] 2: [id=30, fk=2] 3: [id=40, fk=1] 4: [id=50, fk=1] 5: [id=60, fk=1] 并且您想在具有 fk=1 的人之前打印具有 fk=2 的人(这是一个示例,此处排序并不重要)。 因此,如果您使用 th_each="p:${pairs}" 后跟 th:if="p.id == 1",您将获得 [id=40, fk=1] [id=50, fk=1] [id=60, fk=1] (...) 正如预期的那样。 但是,您对 pStat.index 和 pStat.count 值有何期望? 我猜 (0,1) (1,2) (2,3) 但是(请使用 <pre>([[${pStat.index}]], [[${pStat.count}]])</pre> 进行验证),您将获得 (3,4) (4,5) (5,6) 也就是说,这些对在列表中的位置,而不是迭代本身的状态。 这对您来说可能没问题,但请注意,例如,如果您尝试计算循环从一百个对象列表中提取数据的次数(例如每十个值插入一个 <br />)结果如果列表的顺序与您使用它的顺序不同,可能会让您感到惊讶。 如果是您的情况,获得此结果的一种方法是使用 Collection Selection ([2]) 结合 Thymeleaf 的 #lists.toList() 提取子列表,如下所示 <th:block th:with="sublist=${#pairs.toList(list.?[fk ==1])}">。 这样你将获得 0: [id=40, fk=1] 1: [id=50, fk=1] 2: [id=60, fk=1] 您的第一对将有索引 0 和计数 1。 也许这是我正在使用的 thymeleaf 当前版本的一个错误,或者在文档中没有明确说明,但这是我盯着几行代码意外行为(以及一些调试)发现的。 Thymeleaf 迭代 [1]:https://www.thymeleaf.org/doc/tutorials/3.1/usingthymeleaf.html#keeping-iteration-status SpEL 集合选择 [2]:https://docs.spring.io/spring-framework/reference/core/expressions/language-ref/collection-selection.html

回答 3 投票 0

由于错误 Cannot recognize the token a

下面的脚本触发错误无法识别令牌a。如何修改这个脚本? a = `a`b`c 每个(i -> 每个(add{i,}, a), 1..10)

回答 1 投票 0

如何对 jQuery 中的每个元素使用 find ?

我想获取所有表格元素,然后搜索每个表格中的元素。 var tbody = $('表') tbody.each(函数(表){ var elementsArray = table.find('sometext"'); // 不可以...

回答 1 投票 0

Jquery if else 结构单击每个函数

我有6个div,都有一个通用类名“.scene”,并且还有单独的类名“.scene1”,“.scene2”,“.scene3”,“.scene4”,“.s”。 ..

回答 1 投票 0

jQuery 动画数字计数器从零到值

我创建了一个脚本来将数字从零动画化到它的值。 在职的 jQuery $({ 计数器: 0 }).animate({ 计数器:$('.Single').text() }, { 持续时间:1000, 缓动:“摇摆”, ...

回答 13 投票 0

如何在 jQuery .each() 的每次迭代之间添加暂停?

我正在获取一个 jQuery 对象数组,然后通过 .each() 修改数组中的每个单独的 jquery。 在这种情况下,我更新了类名以触发 -webkit-transition-property 到

回答 8 投票 0

如何迭代json对象

我有以下 json 对象并尝试使用 jQuery 进行迭代,但它只返回一次迭代。我什么地方做得不对? 变量数据=“{ “SIEcat4”:{ “3001”:{ “测试”:“t...

回答 2 投票 0

如何使用wiremock中数组中的值从xml请求正文中提取值

我正在尝试从下面的请求正文中提取行项目值到我在wiremock中的响应中。 要求: ** 名字 ...

回答 1 投票 0

如何在每个图形条 python 中创建颜色渐变?

这是我目前代码的当前输出。 我有这个代码: 蔚蓝的巴拉斯 rb=0 国标=80 bb=141 color_bar=rgb_to_hex(rb, gb, bb) 拉兰贾达林哈 rl=237 gl=125 bl=49 color_line=rgb_t...

回答 1 投票 0

API 调用之间的延迟 Node.js

我有一个 jquery $.each 循环将不同的变量提供给 POST API 调用。我试图将每个变量之间的 API 调用延迟 5 秒,但它同时执行所有变量,即使是...

回答 0 投票 0

JQuery - $.each 在 $.each 等待函数完成 [重复]

我有一个 $.each 循环,它在另一个 $.each 中,它调用一个函数来向我的后端系统添加值。 我的 $.each 循环是这样的: $.each(位置,函数(我,位置){ ...

回答 3 投票 0

如何正确更新以下示例中的 each() 函数?

你能帮我重写这段代码以适应 8.2 PHP 吗: while ($this->init_activity = each($activity)) { 列表( $object, $method, $params ) = $activity[1]; 全片:

回答 0 投票 0

PostgreSQL - 如何获取每个月最后一天的所有行

我有几张表,每天记录所有数据。 但是,我需要进行选择以获取每个月最后一天的所有记录。 我在 Stack 上四处看看,h...

回答 1 投票 0

Web 抓取教程:参数类型未知不能分配给参数类型 BasicAcceptedElems<AnyNode> |字符串 |未定义

我正在按照 NodeJS 教程进行网络抓取,当我将鼠标悬停在箭头函数中的元素上时,我收到以下警告。 `参数类型未知不能分配给参数...

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.