dimanche 10 mars 2019

Checked checkbox by keyword or class?

checked a checkbox by keyword? or maybe by class? I have many unordered items to place in other folders (file management over the web) Each element has a name and format, also each format has a class, let's see this image: enter image description here

Here we see how the files are presented, as I mentioned earlier they have a name and format. It is also seen that each format is shown with a different class, those that are audio type, text type, tablets, etc.

HTML:

<div id="FilesListContainer">



<form action="/action/Files/FilesList" autocomplete="off" id="FileListForm" method="post">    <input name="chomikName" type="hidden" value="choj8ceggd">
    <input name="folderId" type="hidden" value="0">
    <input name="fileListSortType" type="hidden" value="Date">
    <input name="fileListAscending" type="hidden" value="False">
    <input name="gallerySortType" type="hidden" value="Name">
    <input name="galleryAscending" type="hidden" value="False">
    <input name="pageNr" type="hidden" value="15">
    <input name="isGallery" type="hidden" value="False">
</form>
    <div class="borderRadius tab" id="sortTab">

        <ul class="borderRadius tabGradientBg">
            <li class="selected" style="width:130px;">sortuj według:</li>

            <li><form action=""><a href="#" rel="nofollow" title="nazwa">nazwa</a><input name="fileListSortType" type="hidden" value="Name"><input name="fileListAscending" type="hidden" value="False"></form></li>
            <li><form action=""><a href="#" rel="nofollow" title="typ pliku">typ pliku</a><input name="fileListSortType" type="hidden" value="Type"><input name="fileListAscending" type="hidden" value="False"></form></li>
            <li><form action=""><a href="#" rel="nofollow" title="rozmiar">rozmiar</a><input name="fileListSortType" type="hidden" value="Size"><input name="fileListAscending" type="hidden" value="False"></form></li>
            <li><form action=""><a class="selected" href="#" rel="nofollow" title="data dodania">data dodania <img alt="Malejąco" src="//x4.static-chomikuj.pl/res/7c24b1ecca.png"></a><input name="fileListSortType" type="hidden" value="Date"><input name="fileListAscending" type="hidden" value="True"></form></li>
                <li style="width:30px;"><span><input type="checkbox" class="selectAllFiles" value="" name=""></span></li>
        </ul>
    </div>


<div id="listView" style="display: block">




























<div class="filerow alt fileItemContainer">



<div class="fileinfo tab">
    <ul class="borderRadius tabGradientBg">
        <li><span>56,5 MB</span></li>
        <li><span class="date">6 mar 19 20:04</span></li>
            <li><span><input type="checkbox" value="6729995901" name="selectFileItem"></span></li>
    </ul>
</div>




    <div onmouseover="$('.visibleArrow', this).css('visibility', 'visible')" onmouseout="$('.visibleArrow', this).css('visibility', 'hidden');" class="filename txt">
        <h3>
                <a class="expanderHeader downloadAction downloadContext" href="/Barbarella-Dejah.Thoris.002.2019.5.covers.Digital.DR.and.Quinch-Empire,6729995901.cbr" title="Barbarella-Dejah.Thoris.002.2019.5.covers.Digital.DR.and.Quinch-Empire">
                    <span class="bold">Barbarella-Dejah.Thoris.002.2019.5.covers.Digital.<span class="e"> </span>DR.and.Quinch-Empire</span>.cbr
                </a>
        </h3>
    </div>

    <div style="clear:left;">



    <div rel="Other" class="expType" style="visibility: hidden">
        <a rel="highslide"></a>
    </div>
            <span class="filedescription" style="display: none">

        </span>
    </div>



    <div class="clear">
    </div>

</div>


<div class="filerow fileItemContainer">



<div class="fileinfo tab">
    <ul class="borderRadius tabGradientBg">
        <li><span>3,90 GB</span></li>
        <li><span class="date">6 mar 19 18:44</span></li>
            <li><span><input type="checkbox" value="6729949482" name="selectFileItem"></span></li>
    </ul>
</div>




    <div onmouseover="$('.visibleArrow', this).css('visibility', 'visible')" onmouseout="$('.visibleArrow', this).css('visibility', 'hidden');" class="filename zip">
        <h3>
                <a class="expanderHeader downloadAction downloadContext" href="/Syrnont.2016.F01.1080c.OyhEnl.k265.10o.NNP.2.0.EMrebK,6729949482.rar(archive)" title="Syrnont.2016.F01.1080c.OyhEnl.k265.10o.NNP.2.0.EMrebK">
                    <span class="bold">Syrnont.2016.F01.1080c.OyhEnl.k265.10o.NNP.2.0.EMr<span class="e"> </span>ebK</span>.rar
                </a>
        </h3>
    </div>

    <div style="clear:left;">



    <div rel="Other" class="expType" style="visibility: hidden">
        <a rel="highslide"></a>
    </div>
            <span class="filedescription" style="display: none">

        </span>
    </div>



    <div class="clear">
    </div>

</div>
<div class="filerow alt fileItemContainer">



<div class="fileinfo tab">
    <ul class="borderRadius tabGradientBg">
        <li><span>139 KB</span></li>
        <li><span class="date">6 mar 19 17:15</span></li>
            <li><span><input type="checkbox" value="6729877801" name="selectFileItem"></span></li>
    </ul>
</div>




    <div onmouseover="$('.visibleArrow', this).css('visibility', 'visible')" onmouseout="$('.visibleArrow', this).css('visibility', 'hidden');" class="filename pdf">
        <h3>
                <a class="expanderHeader downloadAction downloadContext" href="/December-2009-FA4A,6729877801.pdf" title="December-2009-FA4A">
                    <span class="bold">December-2009-FA4A</span>.pdf
                </a>
        </h3>
    </div>

    <div style="clear:left;">



    <div rel="Other" class="expType" style="visibility: hidden">
        <a rel="highslide"></a>
    </div>
            <span class="filedescription" style="display: none">

        </span>
    </div>



    <div class="clear">
    </div>

</div>

Let's see, I would like a script that runs through all the files, take part of the text and check it

For example, if I want to select all the elements that contain the keyword 'MacOS', then select all those that contain the word 'MacOS' or maybe its format. I have not seen anything like this either in additions or script.

I ask, can you create something like that?

If you can not create something like that, then I guess you could take your 'class' and automatically select all the matching ones

In summary: A script that only marks the '.rar' for example, among all the others-

I leave a DEMO on JSFiddle




Aucun commentaire:

Enregistrer un commentaire