JavaScript - 使用jQuery find作为匹配变量,然后做一些事情?

时间:2016-04-29 20:58:45

标签: javascript jquery

所以我有一个变量来获取项目名称。我想这样做,所以它会得到项目名称,然后从.item卡类中搜索它。如果它匹配,那么做点什么......这样的事情可能吗?

匹配该项目名称的代码

var parent, renderer, scene, camera, controls;

init();
animate();

function init()
{
    // renderer
    renderer = new THREE.WebGLRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);

    // scene
    scene = new THREE.Scene();

    // camera
    camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 1, 100);
    camera.position.set(20, 20, 20);

    // controls
    controls = new THREE.OrbitControls(camera);
    controls.minDistance = 10;
    controls.maxDistance = 50;

    // axes
    scene.add(new THREE.AxisHelper(20));

    // geometry
    var geometry = new THREE.SphereGeometry(0.3, 50, 50, 0, Math.PI * 2, 0, Math.PI * 2)
    // material
    var material = new THREE.MeshBasicMaterial({
        color: 0xffffff,
        wireframe: true
    });

    // parent
    parent = new THREE.Object3D();
    scene.add(parent);

    // pivots
    var pivot1 = new THREE.Object3D();
    var pivot2 = new THREE.Object3D();
    var pivot3 = new THREE.Object3D();
    var pivot4 = new THREE.Object3D();
    pivot1.rotation.z = 0;
    pivot2.rotation.z = 2 * Math.PI / 3;
    pivot3.rotation.z = 4 * Math.PI / 3;
    pivot4.rotation.z = 6 * Math.PI / 3;
    parent.add(pivot1);
    parent.add(pivot2);
    parent.add(pivot3);
    parent.add(pivot4);

    // mesh
    var mesh1 = new THREE.Mesh(geometry, material);
    var mesh2 = new THREE.Mesh(geometry, material);
    var mesh3 = new THREE.Mesh(geometry, material);
    var mesh4 = new THREE.Mesh(geometry, material);
    mesh1.position.y = 5;
    mesh2.position.y = 5;
    mesh3.position.y = 5;
    mesh4.position.y = 5;
    pivot1.add(mesh1);
    pivot2.add(mesh2);
    pivot3.add(mesh3);
    pivot4.add(mesh4);

}

function animate()
{
    requestAnimationFrame(animate);

    parent.rotation.z += 0.01;

    controls.update();

    renderer.render(scene, camera);
}

获取项目名称的方式

var leiaelu = $(".item-card").find("img.title");
leiaelu.removeClass("red lighten-1 white-text selected-item");

我应该在那段代码中放置那个removedname变量?

问题是:如何从该类img标题中创建var removedname = $(this).text(); 匹配leiaelu。如果它匹配,那么它会删除ClassClass吗?

这是HTML所在的img标题(它应该匹配的原始标题)

removedname

这些li类会有一些“数量”,JavaScript会增加。所有这些都存储在一个名为<li class="col 2 zoomIn animated" style="padding: 8px; font-weight: bold; font-size: 16px; animation-delay: 0s;"> <div class="card item-card waves-effect waves-light" data-itemnaaaaaaaaaaaame="★ Butterfly Knife | Crimson Web (Field-Tested)" style="margin: 0%; min-height: 295px; width: 245.438px; border-radius: 15px; height: 245px;" id="2761454276"> <div class="iteam" style="text-decoration: underline;text-align: left">Butterfly Knife | Crimson Web</div> <div class="condition" style="text-align: left;text-size:13px">Field Tested</div> <div class="center-align" style="padding:6%"> <img title="★ Butterfly Knife | Crimson Web (Field-Tested)" draggable="false" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf0ebcZThQ6tCvq4iSqODxMajum25V4dB8xLjD9tjwjgK1_kZoYT30ctKVegM7NFyGrwK5yee90ZDt6ZmazHNluCQ8pSGKMl3kzfs/200fx200"> <div class="" 'floatvalue'=""> Float: 0.11503319442272186 <div class="bitskinscomp" style="font-weight: normal;font-size:12px">BitSkins Price: $111.43 (You save: $-38.15)</div> <div class="buyer-price center-align">$149.58</div> </div> </div> </div> </li> 的类中 所以必须匹配那个removename ..如果它匹配,那么从父类中删除红色lighten-1白色文本选择项(它将在那里,目前它不在那个HTML示例中。< / p>

1 个答案:

答案 0 :(得分:0)

我怀疑这就是你想要的:

$(".item-card").find("img.title").removeClass("red lighten-1 white-text selected-item").each(function() {
    var removedname = $(this).text();
    // do something with removedname
});