Javascript 如何使用Jquery删除Excel工作表行和列?
我正在尝试使用Jquery导出div数据。它工作正常,但不需要两行和两列。如何删除 不需要图像申请人ID和中间名。如何删除 JS:Javascript 如何使用Jquery删除Excel工作表行和列?,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试使用Jquery导出div数据。它工作正常,但不需要两行和两列。如何删除 不需要图像申请人ID和中间名。如何删除 JS: let csv=$('.sample').map((i,sample)=>{ 返回$(sample).find('span>.labelValue').map((_,field)=>field.innerText.get().join(','); }).get(); csv.unshift('申请人ID,名字,中间名,姓氏');//添加标题 创建csvfile(c
let csv=$('.sample').map((i,sample)=>{
返回$(sample).find('span>.labelValue').map((_,field)=>field.innerText.get().join(',');
}).get();
csv.unshift('申请人ID,名字,中间名,姓氏');//添加标题
创建csvfile(csv);
函数createCsvFile(csvArray){
let file=new Blob([csvArray.join('\r\n')]{
类型:“应用程序/csv”
});
让url=url.createObjectURL(文件);
设a=$(“$(示例).find('span>.labelValue')。not('偶数”)
将解决这个问题,但如果你想成为通用的,那么你需要做更多code@DickensAS有时跨度值顺序是不同的。所以这段代码不起作用。例如FirstName、MiddleName、AppliantId、LastNameyes,正如我所说的,如果你想变得通用,你需要做更多的代码,基本思想是使用DOM遍历过滤器和jQuery DOM使用jqueryeq
或其他css过滤方法查找标签位置和选择性过滤的代码,您是否希望我编写完整的代码:)yes@Dickens对我非常有帮助使用此代码,请自己编写下一个代码:):)此代码可以使用更结构化的方法进一步优化,我只是快速地修改了$(示例)。查找('span>.labelValue')。不(“:偶数”)
将解决这个问题,但如果你想成为通用的,那么你需要做更多code@DickensAS有时跨度值顺序是不同的。所以这段代码不起作用。例如FirstName、MiddleName、AppliantId、LastNameyes,正如我所说的,如果你想变得通用,你需要做更多的代码,基本思想是使用DOM遍历过滤器和jQuery DOM使用jqueryeq
或其他css过滤方法查找标签位置和选择性过滤的代码,您是否希望我编写完整的代码:)yes@DickensAS对我非常有用使用此代码,请自己编写下一个代码:):)此代码可以用更结构化的方法进一步优化,我只是快速地修改了一下
let csv = $('.sample').map((i, sample) => {
return $(sample).find('span > .labelValue').map((_, field) => field.innerText).get().join(',');
}).get();
csv.unshift('Applicant ID,First Name,Middle Name,Last Name'); // add headers
createCsvFile(csv);
function createCsvFile(csvArray) {
let file = new Blob([csvArray.join('\r\n')], {
type: "application/csv"
});
let url = URL.createObjectURL(file);
let a = $("<a />", {
href: url,
download: "filename.csv"
}).appendTo("body").get(0).click();
}
<div class="losSection" id="secReviewerDemographics"><div class="losSectionHeader"><div class="losSectionSel losSectionTitle misign" data-originaltitle="Demographics">Demographics</div></div><div id="cpC_kf_secview_50" class="losSectionView"><div>
<div id="ExportDetails" class="sample">
<div class="tabularView">
<input type="hidden" name="kaf_78" id="kaf_78" aria-label="kaf_78" value="01" class="._shCE">
<div id="cpC_ctl73" class="tabularTbl flex-row start-xs">
<div class="pad1x flex-row leftLblMode">
<div class="pad1x flex-col-xs-12 flex-col-sm-6">
<div style="">
<label for="kaf_69" id="kaf_69" class="input-control-label input-control-label input-control-label input-control-label input-control-label input-control-label">Applicant ID
</label>
</div>
</div>
<div class="pad1x flex-col-xs-12 flex-col-sm-6">
<div class="labelValueField">
<span class="labelValue" name="kaf_69" id="kaf_69">
<span class="labelValue" name="kaf_69" id="kaf_69" aria-label="Applicant ID">1</span>
</span>
</div>
</div>
</div>
<div class="pad1x flex-row leftLblMode">
<div class="pad1x flex-col-xs-12 flex-col-sm-6">
<div style="">
<label for="kaf_70" id="klb_70" class="input-control-label input-control-label input-control-label input-control-label input-control-label input-control-label">First Name
</label>
</div>
</div>
<div class="pad1x flex-col-xs-12 flex-col-sm-6">
<div class="labelValueField">
<span class="labelValue" name="kaf_70" id="kaf_70">
<span class="labelValue" name="kaf_70" id="kaf70" aria-label="Applicant First Name">NAMA</span>
</span>
</div>
</div>
</div>
<div class="pad1x flex-row leftLblMode">
<div class="pad1x flex-col-xs-12 flex-col-sm-6">
<div style="">
<label for="kaf_71" id="klb_71" class="input-control-label input-control-label input-control-label input-control-label input-control-label input-control-label">Middle Name</label>
</div>
</div>
<div class="pad1x flex-col-xs-12 flex-col-sm-6">
<div class="labelValueField">
<span class="labelValue" name="kaf_71" id="kaf_71">
<span class="labelValue" name="kaf_71" id="kaf71" aria-label="Applicant Middle Name">VEENESH</span>
</span>
</div>
</div>
</div>
<div class="pad1x flex-row leftLblMode">
<div class="pad1x flex-col-xs-12 flex-col-sm-6">
<div style="">
<label for="kaf_72" id="klb_72" class="input-control-label input-control-label input-control-label input-control-label input-control-label input-control-label">Last Name
</label>
</div>
</div>
<div class="pad1x flex-col-xs-12 flex-col-sm-6">
<div class="labelValueField">
<span class="labelValue" name="kaf_72" id="kaf_72">
<span class="labelValue" name="kaf_72" id="kaf72" aria-label="Applicant Last Name">KUMAR</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
<button id="ExportToExcel" onclick="exportF(this)">Export To Excel</button>