- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个动态创建的表,我需要使用 jQuery 提取数据。我可以使用 javascript 获取表元素,但无法弄清楚如何遍历行来检索数据。我已经包含了一个表数据示例和我目前拥有的代码。
示例表
<table class="dnnGrid" cellspacing="0" cellpadding="0" id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView"
style="width:100%;border-collapse:collapse;">
<tr class="dnnGridHeader">
<th align="left" scope="col" abbr="Item">Item</th>
<th align="left" scope="col" abbr="Quantity">Quantity</th>
</tr>
<tr class="dnnGridItem">
<td>
<a id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView_GalleryHyperLink_0" class="rvdsfCartGalleryThumbnail"
style="display:inline-block;border-style:None;"></a>
<div class="rvdsfCartProduct">
<a id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView_ProductNameHyperLink_0" class="mcPname">Canvas - 24.00 X 36.00 X 1.50"</a>
<dl class="rvdsfDynamicFormResults">
<dt>ProjectID</dt>
<dd>#######</dd>
</dl>
</div>
</td>
<td style="width:120px;">1</td>
</tr>
<tr class="dnnGridAltItem">
<td>
<a id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView_GalleryHyperLink_1" class="rvdsfCartGalleryThumbnail"
style="display:inline-block;border-style:None;"></a>
<div class="rvdsfCartProduct">
<a id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView_ProductNameHyperLink_1" class="mcPname">Canvas - 11.00 X 16.00 X 0.75"</a>
<dl class="rvdsfDynamicFormResults">
<dt>ProjectID</dt>
<dd>#######</dd>
</dl>
</div>
</td>
<td style="width:120px;">1</td>
</tr>
<tr class="dnnGridItem">
<td>
<a id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView_GalleryHyperLink_2" class="rvdsfCartGalleryThumbnail"
style="display:inline-block;border-style:None;"></a>
<div class="rvdsfCartProduct">
<a id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView_ProductNameHyperLink_2" class="mcPname">Canvas - 10.00 X 8.00 X ThinFloat</a>
<dl class="rvdsfDynamicFormResults">
<dt>ProjectID</dt>
<dd>#######</dd>
</dl>
</div>
</td>
<td style="width:120px;">2</td>
</tr>
<tr class="dnnGridAltItem">
<td>
<a id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView_GalleryHyperLink_3" class="rvdsfCartGalleryThumbnail"
style="display:inline-block;border-style:None;"></a>
<div class="rvdsfCartProduct">
<a id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView_ProductNameHyperLink_3" class="mcPname">Poster - 6.00 X 8.00</a>
<dl class="rvdsfDynamicFormResults">
<dt>ProjectID</dt>
<dd>#######</dd>
</dl>
</div>
</td>
<td style="width:120px;">5</td>
</tr>
<tr class="dnnGridItem">
<td>
<a id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView_GalleryHyperLink_4" class="rvdsfCartGalleryThumbnail"
style="display:inline-block;border-style:None;"></a>
<div class="rvdsfCartProduct">
<a id="dnn_ctr918_ViewRevindexStorefrontConfirmation_ctl00_SalesOrderDetailReceiptGridView_ProductNameHyperLink_4" class="mcPname">Poster - 24.00 X 36.00</a>
<dl class="rvdsfDynamicFormResults">
<dt>ProjectID</dt>
<dd>#######</dd>
</dl>
</div>
</td>
<td style="width:120px;">8</td>
</tr>
</table>
Javascript
/// <reference path="https://code.jquery.com/jquery-1.9.1.js" />
/// <reference path="https://code.jquery.com/ui/1.10.3/jquery-ui.js" />
/// <reference path="typings/jquery/jquery.d.ts" />
var orderNumberFieldName = "OrderNumberReceiptLabel";
var totalCostFieldName = "TotalReceiptLabel";
var shippingCostFieldName = "ShippingReceiptLabel";
var shippingInformation = "ShipToReceiptLabel";
var lineItemTable = "SalesOrderDetailReceiptGridView";
var taxFieldName = "TaxesReceiptLabel";
var subtotalFieldName = "SubTotalReceiptLabel";
var shippingParsed = false;
var lineItemsParsed = false;
var lineItems = [];
var shippingFirstName = "";
var shippingLastName = "";
var shippingPostalCode = "";
var shippingEmailAddress = "";
var shippingCity = "";
var shippingState = "";
var shippingAddress = "";
var lineItemTable = "SalesOrderDetailReceiptGridView";
///Uses a regular expression to locate the RevIndex field information.
var getElement = function(name) {
if (name == "SalesOrderDetailReceiptGridView") {
var regularExpression = new RegExp("^(\\w)*_ViewRevindexStorefrontConfirmation_(\\w)*_" + name + "_ProductNameHyperLink_(\\w)*$");
}
else {
var regularExpression = new RegExp("^(\\w)*_ViewRevindexStorefrontConfirmation_(\\w)*_" + name + "$");
}
return $("*").filter(function() {
return this.id.match(regularExpression);
});
};
//Parses the line items within the order.
var parseLineItems = function () {
if (!lineItemsParsed) {
var lineItemTableElement = getElement(lineItemTable);
lineItemTableElement.find("tr.dnnGridItem, tr.dnnGridAltItem").each(function (index, value) {
lineItems.push(parseLineItem(index, value));
});
lineItemsParsed = true;
}
};
//Parses a single line
var parseLineItem = function(index, lineItem) {
var cellElements = $(lineItem).find("td");
var lineItemValue = {};
lineItemValue["ProductVariantId"] = parseUriForVariant($(cellElements[0]).find(".rvdsfCartGalleryThumbnail").attr("href"));
lineItemValue["ProductName"] = $(cellElements[0]).find(".rvdsfCartProduct > a").html();
lineItemValue["Price"] = parseFloat($(cellElements[1]).html().replace(/[^\d.-]/g, ""));
lineItemValue["Quantity"] = parseFloat($(cellElements[2]).html());
return lineItemValue;
};
我得到了表格元素,但不知道如何从中获取数据。永远不会填充 lineItems 数组。任何建议或方向表示赞赏。
最佳答案
您可以通过以下方式遍历表格的行:
$('.dnnGrid tr').each(function() {
var $row = $(this);
// print out text from row
console.log($row.text());
// example: to get the contents of the anchor tag for this row:
console.log($row.find('a').text());
});
关于javascript - 使用 JQuery 从 HTML 表中提取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36074082/
我正在做一个业余爱好项目,使用 Ruby、PHP 或 Java 来抓取 ASP.net 网站的内容。例如,如果网站 url“www.myaspnet.com/home.aspx”。我想从 home.a
如果我有这些字符串: mystrings <- c("X2/D2/F4", "X10/D9/F4", "X3/D22/F4",
我有以下数据集 > head(names$SAMPLE_ID) [1] "Bacteria|Proteobacteria|Gammaproteobacteria|Pseudomonadales|Mor
设置: 3个域类A,B和C。A和B在插件中。 C在依赖于此插件的应用程序中。 class A{ B b static mapping = { b fetch: 'joi
我不知道如何提取 XML 文件中的开始标记元素名称。我很接近〜意味着没有错误,我正在获取标签名称,但我正在获取标签名称加上信息。我得到的是: {http://www.publishing.org}au
我有一个字符串 x <- "Name of the Student? Michael Sneider" 我想从中提取“Michael Sneider”。 我用过: str_extract_all(x,
我有一个如下所示的文本文件: [* content I want *] [ more content ] 我想读取该文件并能够提取我想要的内容。我能做的最好的事情如下,但它会返回 [更多内容] 请注意
假设我有一个项目集合 $collection = array( 'item1' => array( 'post' => $post, 'ca
我正在寻找一种过滤文本文件的方法。我有许多文件夹名称,其中包含许多文本文件,文本文件有几个没有人员,每个人员有 10 个群集/组(我在这里只显示了 3 个)。但是每个组/簇可能包含几个原语(我在这里展
我已经编写了一个从某个网页中提取网址的代码,我面临的问题是它不会以网页上相同的方式提取网址,我的意思是如果该网址位于某些网页中法语,它不会按原样提取它。我该如何解决这个问题? import reque
如何在 C# 中提取 ZipFile?(ZipFile 是包含文件和目录) 最佳答案 为此使用工具。类似于 SharpZip .据我所知 - .NET 不支持开箱即用的 ZIP 文件。 来自 here
我有一个表达: [training_width]:lofmimics 我要提取[]之间的内容,在上面的例子中我要 training_width 我试过以下方法: QRegularExpression
我正在尝试创建一个 Bash 脚本,该脚本将从命令行给出的最后一个参数提取到一个变量中以供其他地方使用。这是我正在处理的脚本: #!/bin/bash # compact - archive and
我正在寻找一个 JavaScript 函数/正则表达式来从 URI 中提取 *.com...(在客户端完成) 它应该适用于以下情况: siphone.com = siphone.com qwr.sip
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post . 关闭 8 年前。 Improve this qu
编辑:添加了实际的 JSON 对象和代码以供审查 我有这种格式的 JSON(只是这种层次结构,假设 JSON 正常工作) {u'kind': u'calendar#events', u'default
我已经编写了代码来使用 BeautifulSoup 提取一本书的 url 和标题来自页面。 但它并没有在 > 之间提取惊人的 super 科学故事 1930 年 4 月这本书的名字。和 标签。 如何提
使用 Java,我想提取美元符号 $ 之间的单词。 例如: String = " this is first attribute $color$. this is the second attribu
您好,我正在尝试找到一种方法来确定字符串中的常量,然后提取该常量左侧的一定数量的字符。 例如-我有一个 .txt 文件,在那个文件的某处有数字 00nnn 数字的例子是 00234 00765 ...
php读取zip文件(删除文件,提取文件,增加文件)实例 从zip压缩文件中提取文件 复制代码 代码如下: <?php /* php 从zip压缩文件
我是一名优秀的程序员,十分优秀!