Sort divs numerically based on content using jQuery in Wordpress
- or -
Post a project like this$18/hr
- Posted:
- Proposals: 12
- Remote
- #2638996
- Expired
Website Designer and Developer in PHP,Wordpress,Freekore Framework,Codingnigter,CSS,Jquery and Javascript
Chandigarh
Top Web, Mobile Developer for B2B | B2C | Online Learning | MarketPlace | Travel
Solihull
♛ TOP Rated ♛ Company world wide with 5500+ Clients : Web/App developer, Brand Identity, Shopify, PHP, Laravel, Codeigniter,Angular/React/Node.js, WordPress, MEAN STACK/ AWS/Gcloud expert
...
Noida
Hybrid Mobile App | Travel Market Place| CRM | Multi-Vendor E-Commerce Portal | Food Delivery Site
Bay Minette
PPH TOP (79 Experts)Logo Designer|Graphic designer| Architect| Explainer Video Creator| Animator |Proofread|3D design | |Photoshop |
Rupnagar
452437455855467392500685651743813939106757518344521906907257664127806313085309
Description
Experience Level: Entry
I have number of divs a jQuery accordion on a page which I want to sort divs numerically based on content using jQuery in Wordpress.
I tried this sort function and it works for this test content but not for my accordion divs as they are generated dynamically and have complex html structure.
Here's the sort function I am trying to modify: https://jsfiddle.net/hibbard_eu/C2heg/
Here's the url of my test page:
https://mymoovers.moversbuddy.com/jobs-scheduling-test/?datefrom=2019-12-06
1. Once the page is loaded, click on the drop down below jobid label and select the first job id 25078 from the list
2. Now the accordions will be refreshed and you'll see the "Victoria" according in the list
3. Expand the Victoria accordion and now you'll see 2 checkboxes divs : WQC908 and XTB708
4. If you look closely at the bottom of the divs, you'll see the Depot & Pickup Address Distance label
5. We need to sort these divs according to the distance in ascending order which means div 1 distance is 33.3 km and div 2 distance is 26.7 km, so using the jQuery sort function we need to show the divs with min distance being the first div and others 2nd, 3rd and so forth.
Please read the job post and instructions carefully beforing sending me the proposals as I don't have the capacity or time to keep explaining the same process or steps over and over again in the Workstream.
I tried this sort function and it works for this test content but not for my accordion divs as they are generated dynamically and have complex html structure.
Here's the sort function I am trying to modify: https://jsfiddle.net/hibbard_eu/C2heg/
Here's the url of my test page:
https://mymoovers.moversbuddy.com/jobs-scheduling-test/?datefrom=2019-12-06
1. Once the page is loaded, click on the drop down below jobid label and select the first job id 25078 from the list
2. Now the accordions will be refreshed and you'll see the "Victoria" according in the list
3. Expand the Victoria accordion and now you'll see 2 checkboxes divs : WQC908 and XTB708
4. If you look closely at the bottom of the divs, you'll see the Depot & Pickup Address Distance label
5. We need to sort these divs according to the distance in ascending order which means div 1 distance is 33.3 km and div 2 distance is 26.7 km, so using the jQuery sort function we need to show the divs with min distance being the first div and others 2nd, 3rd and so forth.
Please read the job post and instructions carefully beforing sending me the proposals as I don't have the capacity or time to keep explaining the same process or steps over and over again in the Workstream.
Dipz S.
100% (120)Projects Completed
54
Freelancers worked with
44
Projects awarded
38%
Last project
11 Oct 2023
Australia
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies