jquery 相关问题

jQuery是一个Javascript库,考虑添加Javascript标记。 jQuery是一个流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jquery的问题应该与jquery相关,因此有问题的代码应该使用jquery,并且至少需要jquery与用法相关的元素。

仅当条件满足时才更改元素文本

仅当父元素“INDIVIDUÁLNA CENA PREPRAVY na ”中存在文本时,我才需要将 ZADARMO

回答 1 投票 0

多个选择下拉列表的计算

我正在尝试计算选择下拉列表的更改金额。我需要该行前面的每一行计算,即小计,所有小计将位于底部的“总金额” 我得到了

回答 3 投票 0

bootstrapTable加载功能不生成复选框

我使用以下代码创建了一个 html 表格: 我使用以下代码创建了一个 html 表格: <table id="vendor-table" data-toggle="table" data-sort-class="table-active" data-sortable="true" data-search="true",data-virtual-scroll="false"> <thead> <tr> <th></th> <th data-field="brand" data-sortable="true">Brand </th> <th data-field="client" data-sortable="true">Client</th> <th data-field="spid" data-sortable="true">Selling Partner ID</th> <th data-field="acct" data-sortable="true">Account Type</th> <th data-field="cc" data-sortable="true">Country Code</th> </tr> </thead> <tbody></tbody> </table> 我创建了一个函数来填充表格。下面是函数: function updateVendorTable(filteredVendorAccts) { var table = $('#vendor-table'); // Map the data to include the checkbox column before the id column var mappedData = filteredVendorAccts.map(function (account) { return { '':'<label class="checkbox"><input type="checkbox" name="vendor-ids" value="' + account.id + '" /></label>', brand: account.brand, client: account.client, spid: account.sp_id, acct: account.account_type, cc: account.country_code }; }); // Update the table data using the load method table.bootstrapTable('load', mappedData); } 我希望 html 包含函数返回的第一个值的复选框,即“:”,但复选框列填充有 -。下面是截图: 我已确保返回“”列的值。下面是一个例子: { "": "<label class=\"checkbox\"><input type=\"checkbox\" name=\"vendor-ids\" value=\"15324\" /></label>", "brand": "Edge", "client": "GSK_DE", "spid": "amzn1.vg.5666682", "acct": "vendor", "cc": "DE", "id": 15324 } 我错过了什么吗?以下是预期输出: 任何帮助将不胜感激。 文档就绪:使用 $(document).ready() 确保代码在文档完全加载后运行。 $(document).ready(function () { let data = [ { "": '<label class="checkbox"><input type="checkbox" name="vendor-ids" value="15324" /></label>', brand: "Edge", client: "GSK_DE", spid: "amzn1.vg.5666682", acct: "vendor", cc: "DE",`enter code here` id: 15324, }, ]; // Initialize table with data updateVendorTable(data); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.21.1/bootstrap-table.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.21.1/bootstrap-table.min.css" rel="stylesheet" /> <title>Bootstrap Table Example</title> </head> <body> <div class="container mt-5"> <table id="vendor-table" data-toggle="table" data-sort-class="table-active" data-sortable="true" data-search="true" ,data-virtual-scroll="false"> <thead> <tr> <th></th> <th data-field="brand" data-sortable="true">Brand</th> <th data-field="client" data-sortable="true">Client</th> <th data-field="spid" data-sortable="true">Selling Partner ID</th> <th data-field="acct" data-sortable="true">Account Type</th> <th data-field="cc" data-sortable="true">Country Code</th> </tr> </thead> <tbody></tbody> </table> </div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.21.1/bootstrap-table.min.js"></script> <script> $(document).ready(function () { let data = [ { "": '<label class="checkbox"><input type="checkbox" name="vendor-ids" value="15324" /></label>', brand: "Edge", client: "GSK_DE", spid: "amzn1.vg.5666682", acct: "vendor", cc: "DE", id: 15324, }, ]; // Initialize table with data updateVendorTable(data); }); function updateVendorTable(filteredVendorAccts) { var table = $("#vendor-table"); // Map the data to include the checkbox column before the id column var mappedData = filteredVendorAccts.map(function (account) { return { "": `<label class="checkbox"><input type="checkbox" name="vendor-ids" value="${account.id}" /></label>`, brand: account.brand, client: account.client, spid: account.spid, acct: account.acct, cc: account.cc, }; }); table.bootstrapTable("load", mappedData); } </script> </body> </html>

回答 1 投票 0

扩展一个函数 - 合并两个函数?

例如,拥有 Javascript“类”的最佳方式是什么 // 在父实例中 函数 xyz() { var x = 1; } 我想在类中设置它,当用户扩展类时,我想...

回答 5 投票 0

延长 Slider Pro 幻灯片的幻灯片持续时间

我正在使用 Slider Pro 在网站上播放汽车自行车幻灯片。我需要延长幻灯片每张图像的显示时间。在文件中它提到了一个名为“

回答 3 投票 0

如何使用 jQuery 选择属性值包含空格的 HTML 元素? [重复]

我需要使用 jQuery 选择一个属性值包含空格的 HTML 元素。例如,我有一个属性 data-compare,它从 API 接收动态值。有时数据-

回答 1 投票 0

p5.js 和 p5.sound.js 不适用于不同的机器

我刚刚制作了一个前端 HTML 项目,它使用 p5.js 和 p5.sound.js 从用户那里获取音频。 我的 HTML 代码一切正常。但是当我将该 HTML 代码与我的 DJANGO back-e 集成时...

回答 2 投票 0

循环 iframe 等待准备完成操作

我正在将一系列基于日期的 URL 加载到 iframe 中,以使用顶部框架上的脚本(同源)从每个页面提取数据。 等待 iframe 的最佳/最有效方法是什么...

回答 1 投票 0

如何使可点击的表格行与 HTMX 一起使用?

我有一个表格,其中每一行都有一个复选框。我添加了一个简单的 JQuery 函数,使整行都可单击 - 当用户单击该行中的任意位置时,它会切换复选框。 我会...

回答 1 投票 0

如何使用jquery将数据从表导出到csv文件

我正在尝试从数据表导出到 CSV 文件。这是我的整个功能。它下载一个文件,但它显示了表的完整代码,并且没有分离出任何数据。当我说...

回答 4 投票 0

使用 jQuery 在引导网格中添加/删除元素并防止删除第一个元素

使用 jQuery 在引导网格中动态添加/删除元素效果很好,但是我们如何防止删除第一个元素呢?另外,我想添加一些添加元素的限制。可以...

回答 1 投票 0

相当于 JavaScript 的 addEventListener 方法的 jQuery

我正在尝试找到与此 JavaScript 方法调用等效的 jQuery: document.addEventListener('点击', select_element, true); 我已经做到了: $(文档).click(select_element); 但是...

回答 8 投票 0

TypeScript:如何使用表单复选框验证输入字段

我有一个带有几个复选框和相应输入字段的表单。 我有一个带有几个复选框和相应输入字段的表单。 <div class="group-wrap input-element" id="gr_"> <div class="label-bar"> <label> <div class="custom-control form-check"> <input class="form-check-input" value="1" type="checkbox" id="Gleitzeitmaxstundenenable" name="Gleitzeitmaxstundenenable" onmouseup="{setActFeld(this.id);}" onfocus="{ setActFeld(this.id);}" onclick="{setConfirmedChange(this.id, &quot;false&quot;) ; initCheckBox(this.id);transaktionObj.inputEnable(this.checked,&quot;Gleitzeitmaxstunden&quot;);}"> <label class="form-check-label" for="Gleitzeitmaxstundenenable">Gleitzeit max.</label> </div> </label> </div> <input placeholder="Gleitzeitmaxstunden" name="Gleitzeitmaxstunden" class="form-control text-truncate input-sm zeit-raum withSign numValPicker timecount disabled" data-syntax="-NNN:NN" value="" data-prefix="true" id="Gleitzeitmaxstunden" maxlength="7" type="text" onmousedown="{ if(checkPickerVoll(this.id)){ return false;}else{return (updateZeitMitSign(this,4, false));}}" onkeyup="{ if(checkPicker(this.id)){ return false;} else{return (updateZeitMitSign(this,4, true));}}" onfocus="{ setActFeld(this.id);}" onkeydown="{ if(checkPickerVoll(this.id)){ return false;}else{return (updateZeitMitSign(this,4, false));}}" onmouseup="{ if(checkPickerVoll(this.id)){ return false;}else{return (updateZeitMitSign(this,4, false));}}" onkeypress="{ if(checkPickerVoll(this.id)){ return false;}else{return (updateZeitMitSign(this,4, false));}}" onchange="{ if(checkPickerVoll(this.id)){setConfirmedChange(this.id, &quot;false&quot;); return false;}else{setConfirmedChange(this.id, &quot;false&quot;);}}" onblur="{ if(checkPickerVoll(this.id)){ return false;}else{scanValueAufHtml(this.id);convertZeitGt23(this.id,this.value,3,999);}}" onclick="{ if(checkPickerVoll(this.id)){ return false;}else{openNumpadV3(&quot;toggle§Gleitzeitmaxstunden&quot;, event);return (updateZeitMitSign(this,4, false));}}" ></div> </div> 当选中复选框并且用户在相应的输入字段中输入值时,TS方法应返回true。 let fehler = false; $JQ("input.form-check-input").each(function(ind: number, checkBox: Element){ const checkbox = $JQ(checkBox); const inputId = checkbox.attr("id").replace("enable", ""); if($JQ(`#${inputId}`).val() !== ""){ fehler = true; } }); return fehler; 但是 $JQ(#${inputId}).val() !== "" 总是给出 true。请帮助我。 在 js 中,您应该检查 checked 属性而不是 value 作为复选框输入 原来如此 document.getElementById(inputId).checked; 在 jquery 中认为会像 $(`#${inputId}`).is(":checked");

回答 1 投票 0

Chrome 扩展如何将数据从内容脚本发送到 popup.html

我知道很多帖子都问过这个问题,但老实说我不明白。我对 JavaScript、Chrome 扩展和所有东西都很陌生,而且我有这门课的作业。 所以我需要做一个插件...

回答 3 投票 0

JavaScript 页面重访

我正在电话输入框前面添加国际国家拨号代码,不使用以下代码。 $( 文档 ).ready(function() { var input = document.querySelector("#phone1"...

回答 1 投票 0

从大的 HTML 字符串创建 jQuery 对象

我有一个包含多个子节点的大 HTML 字符串。 是否可以使用此字符串构造 jQuery DOM 对象? 我尝试过 $(string) 但它只返回一个包含所有

回答 9 投票 0

元素的屏幕坐标,通过 Javascript

我正在尝试获取浏览器窗口中元素的屏幕坐标(即相对于屏幕的左上角)。很容易获取窗口的大小和位置(screenX,s...

回答 5 投票 0

测量用户访问网站期间花费的时间

我正在尝试使用 PHP、Javascript 和 MAMP 在本地构建一个网站。 我正在寻找的是在网站的每个页面上放置一个计时器,该计时器会计算用户在

回答 3 投票 0

从所选jquery中删除多个属性

我有一个包含所选插件的下拉菜单 @Html.DropDownListFor(x => x.ML.AccountID, Model.Accounts, new { id = "ddl_account", @class = "表单控件 form-control-sm 选择-select&

回答 1 投票 0

当您使用 .html() 删除元素时,jQuery 中的事件侦听器是否会自动删除?

在 jQuery 中,如果我们使用 .remove() 来删除某个元素,那么与该元素关联的所有绑定事件和 jQuery 数据都会被删除。 但是如果我们用 .html()“删除”元素会发生什么......

回答 4 投票 0

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