如何从span获取文本->李->ul->要素
How to get text from span->li->ul-> Element
你好,我的购物车装满了元素其中一个的这个Ex
<div class="item-container cart-item">
<div>
<img border="0" onerror="src='http://www.myengravedjewelry.com/Admin/surfing.jpg'" title="Bloody Mary Style Colour Name Necklace" src="http://www.myengravedjewelry.com/Admin/surfing.jpg" alt="1009">
<div class="item-header">
<div class="item-body">
<ul class="item-ul">
<li>
<li>
<li>
<span class="bold-14">Price:14.9 </span>
</li>
<li>
<span>ShortId:1010 </span>
</li>
<li>
<span>LongId:110-01-073-10 </span>
</li>
<li>
<span class="spanDefCat">DefaultCat:334 </span>
</li>
</ul>
</div>
</div>
<div class="item-footer"></div>
</div>
当我按下保存键时,我会遍历这个元素中的每一个,并检查DefaultCat==0
var elements = document.getElementsByClassName("cart-item");
我试着找到这个像一样的脱脂猫
for(i=0;i<elements.length;i++){
var elementContent=elements[i].find(".spanDefCat").html();
var vars = elementContent.split(" ");
var obj = {};
vars.forEach(function(v) {
var keyValue = v.split(":");
obj[keyValue[0]] = keyValue[1];
});
DefaultCat = obj["DefaultCat"];
ShortId = elements[i].children[1].alt;//New style to take ShortID
if(DefaultCat==0)setDefaultCatToProductId(parseInt(ShortId));
arrSortedOrder[i]=parseInt(ShortId);
}
有人知道如何达到这个值吗?p.sPlz不要给我$(.spanDefCat)的解决方案,因为当我发现deff=0时,我需要从这个元素[i]中取ShordId
试试这个:
$(".cart-item").each(function(){
var shortId = $(this).find(".bold-14").parent("li").siblings("li").children("span").html();
var shortItem = shortId.replace(' ','').split(":");
var defaultCat = $(this).find(".spanDefCat").html();
var item = defaultCat.replace(' ','').split(":");
if(item[1]==0){
var id = parseInt(shortItem[1]);
//do something
}else{
var id = parseInt(shortItem[1]);
//do something else
}
console.log(defaultCat);
console.log(shortId);
});
注意:上面的代码为您提供了DefaultCat:334和ShortId:1010,所以现在您可以在if-else语句中同时使用这两个代码
如果所有购物车项目的DefaultCat:334格式相同,则您可以检查它是否为0
JSFIDDLE演示
我看到JQuery标记,所以我用JQuery语句给您一个响应。
$(".cart-item").find(".spanDefCat").each(function(index, domEle){
//get text, delete spaces and split
split_result = $(domEle).text().replace(' ','').split(":");
//get only numeric value as string
defaultCat = split_result[1];
//parse into int
defaultCat = parseInt(defaultCat);
//if your var is equal to 0
if(defaultCat == 0){
/*********************
* Type you code here *
**********************/
}
});
相关文章:
- 将所选类别循环到ul>李用加载更多按钮
- 使用下拉列表筛选列表(ul>li)
- 如何附加<ul><李>元素位于某个特定条件的父元素列表之间
- 在验证器中添加自定义规则以检查<ul>具有元素
- 将OnClick函数设置为<ul>,最后一个ul是擦除第一个ul-s
- 排序<李><Ul>根据<span>内部<李>
- CSS/.JS问题,<ul><李>在Megamenu中
- 如何附加<李>至<ul>使用可拖动和可丢弃
- 如何将逗号分隔的列表转换为<ul>列表
- jQuery复选框(在ul>li下)检查事件
- Nav<ul>mouseout吗?如何修复
- Jquery将css类添加到父级<ul>元素
- 如何将Array转换为<ul><李>以字母为标题的字母列表
- jQuery对嵌套在<李>并且<a>元素,同时离开父<ul>打开
- jQuery访问列表视图->ul->李->span->img
- 可折叠<UL><李>不起作用
- JavaScript将缩进文本转换为HTML列表重复顶层<李>'s为<ul>'s
- 淘汰赛-给一个<李>foreach中的元素<ul>其中<李>元素
- 转换UL->li inot为同位素过滤菜单选择的列表
- 我们将如何获得特定<ul>在jquery中