One click filtering to select Baidu online disk files

background

Today, the photo gallery sent me through Baidu online disk 266 A picture , Let me choose 20 Zhang Yinshu . But the other party put .CR2 and .JPG Both formats have been sent , In fact, I just need to .JPG Download it , Then choose . But I need to choose from 133 Zhang , This kind of quantity is large 、 Repetitive work , It's quite a test of endurance . As a programmer , We must find a lazy way to solve it , without doubt , Just from the front （Ctrl+Shift+I, Browser developer tools ） To solve

Find the differences between the two files

Corresponding element layout ：

<dd class="g-clearfix AuPKyz open-enable" _position="132" _cmd_installed="1" _installed="1">
	<span node-type="EOGexf" class="EOGexf"></span>
	<div class="JS-fileicon fileicon-small-pic"></div>
	<div class="file-name" style="width:60%">
		<div class="text">
			<a href="javascript:void(0);" class="filename" title="_P5A1453.JPG">_P5A1453.JPG</a>
		</div>
		...
	</div>
</dd>


<dd class="g-clearfix AuPKyz" _position="133" _cmd_installed="1" _installed="1">
	<span node-type="EOGexf" class="EOGexf"></span>
	<div class="JS-fileicon default-small"></div>
	<div class="file-name" style="width:60%">
		<div class="text">
			<a href="javascript:void(0);" class="filename" title="_P5A1397.CR2">_P5A1397.CR2</a>
		</div>
		...
	</div>
</dd>

The difference is <dd> Inside the label class in . So as long as such a fishing ,133 All the documents are fished out ：

document.getElementsByClassName('g-clearfix AuPKyz open-enable')

Execute click event

The rest , Is to perform click operations ：

document.getElementsByClassName('g-clearfix AuPKyz open-enable').forEach(item => item.firstElementChild.click())

Be careful ：item.click(), It is a single choice function , And multiple choice , Its child elements must be used <span>