按产品价格订购要素

时间:2017-04-16 05:13:23

标签: javascript jquery

我试图从网站订购不同的产品,但无法正确完成。

基本上我需要得到每一个的价格,并从最昂贵的一个到最少的一个订购。

我尝试了以下代码,但它消失了所有内容并且不按正确方式排序:

var divList = $(".block-level.h2");
divList.sort(function(a, b){
    return $(a).data(".block-level.h2")-$(b).data(".block-level.h2")
});
$(".grid").html(divList);

我无法修改HTML,因此必须使用我现在的代码完成,只能通过jQuery添加内容。

有人可以给我一个提示或帮助我吗?

谢谢。

2 个答案:

答案 0 :(得分:1)

您可以通过以下代码实现此目的 -

var values = Array();
$('.block-level.h2').each(function() {
    values.push(parseInt($(this).html().replace('$','')));
});
values.sort(function(a, b){return b-a});

在上面的代码中 - 主要问题在于$(a).data(".block-level.h2"),因为它试图在元素data-.block-level.h2中找到名称为a的属性并不存在。这就是空结果的原因。

答案 1 :(得分:1)

对于您对产品网格项目进行排序的请求,以下是您可以使用的group 'com.example.api' version '1.0-SNAPSHOT' buildscript { ext.kotlin_version = '1.1.1' ext.spring_boot_version = '1.5.2.RELEASE' ext.spring_security_version = '4.2.2.RELEASE' ext.jackson_kotlin_version = '2.9.0.pr2' repositories { jcenter() mavenCentral() } dependencies { classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" classpath "org.springframework.boot:spring-boot-gradle-plugin:$spring_boot_version" classpath 'com.google.cloud.tools:appengine-gradle-plugin:+' } } repositories { maven { url 'https://maven-central.storage.googleapis.com' } jcenter() mavenCentral() } apply plugin: 'kotlin' apply plugin: 'idea' apply plugin: 'eclipse' apply plugin: 'org.springframework.boot' apply plugin: 'com.google.cloud.tools.appengine' dependencies { compile "org.jetbrains.kotlin:kotlin-stdlib-jre8:$kotlin_version" compile 'org.springframework.boot:spring-boot-starter-web' compile "org.springframework.security:spring-security-web:$spring_security_version" compile "org.springframework.security:spring-security-config:$spring_security_version" compile "com.fasterxml.jackson.module:jackson-module-kotlin:$jackson_kotlin_version" compile 'com.google.cloud:google-cloud-datastore:+' } jar { baseName = 'example-api' version = "$version" } appengine { deploy { stopPreviousVersion = true promote = true } } sourceCompatibility = 1.8 targetCompatibility = 1.8 // Set-up the datastore emulator environment variable for debugging bootRun { environment "DATASTORE_EMULATOR_HOST", "localhost:8081" environment "DATASTORE_PROJECT_ID", "example-api" } 代码。

jQuery

希望这有帮助!