如何从span获取文本->李->ul->要素

How to get text from span->li->ul-> Element

本文关键字:gt ul- 要素 取文本 span 获取      更新时间:2023-09-26

你好,我的购物车装满了元素其中一个的这个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:334ShortId: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 *
        **********************/
    }
});