CSS Selection JQuery

时间:2013-06-13 14:31:29

标签: javascript jquery css dom

我不是JQUERY专家,想知道是否可以选择“没有定义id的项目是嵌套的并且定义了某个css类”?

示例:

当我查看下载的CSS和匹配规则时,div

<div id="type" class="productType">Test Descript <span>$399.00</span> </div>

应用于范围的CSS是:

.rightInfoDiv h1 div.productType {font-size: 14px;line-height: 18px;font-weight: normal;margin-bottom: 0.1em;}

我希望能够选择“跨度”,这样我才能得到一个价格。这可能吗 ?任何指针都将不胜感激

非常感谢

4 个答案:

答案 0 :(得分:3)

您可以定位父div,然后定位子跨度

var price = $('#type').children('span').text();
console.log(price); // will output $399.00

答案 1 :(得分:1)

我真的不理解这句话:“没有定义id的项目是嵌套的并且定义了某个css类”。项目不需要任何id甚至类。如果你想这样做:

var spans = $('.productType span');

答案 2 :(得分:0)

你可以这样做:

var x = $("#type span").text();

x现在是$399.00

答案 3 :(得分:0)

var item = $("#type span").text();

演示---> http://jsfiddle.net/UXtJD/