Question

我有以下面的格式呈现的HTML。我希望能够获得值13,14,15并存储在不同的变量中。我希望能够为此行获取值id = 9。我将更新一个表，并将此ID与其他行一起使用。

这是html渲染的

        <li class="main">
          <ul class="sub">
             <li id="9">
                <div class="innera">13</div>
                <div class="innerb">14</div>
                <div class="innerc">15</div>
                <div class="innerpencil">
                    <img class="modify" src="/images/icon-pencil" />
                </div>
             </li>
          </ul>
        <li>

这是我想写的jquery

        $(document).on("click", "img.modify", function () {
            var rowA = $("ul[class='sub'] li[div.class innera]")
            var rowB = $("ul[class='sub'] li[div.class innerb]")
            var rowB = $("ul[class='sub'] li[div.class innerc]")
            var Id of row ?
        });

现在我没有得到任何变量？请帮助。

Answer 1

我认为您只需要查看jQuery（CSS）选择器：https://api.jquery.com/category/selectors/

$("ul[class='sub'] li[div.class innera]")无法匹配任何内容。

$('ul.sub>li>div.innera')可行，但也许你想要一些不同的东西。看看选择器文档，以及一些试验和错误：）

Answer 2

你不能在li标签上使用foreach循环吗？

喜欢这个吗？

   $(document).on("click", "img.modify", function () {
        var id = $('.sub > li').first().attr("id");
        console.log(id);

        $('#'+id+' > .divValue').each(function () {
            var variableName = $(this).text();
            console.log(variableName);


        });

    });

    }

我会在你想要的元素值中添加一个类。

像这样：

 <li class="main">
          <ul class="sub">
             <li id="9">
                <div class="innera divValue">13</div>
                <div class="innerb divValue">14</div>
                <div class="innerc divValue">15</div>
                <div class="innerpencil">
                    <img class="modify" src="/images/icon-pencil" />
                </div>
             </li>
          </ul>
        <li>

检索未排序列表中的值并列出项目

2 个答案: