javascript - 如何获取数组中所有带有类的元素并将其发送到休息服务？

Question

这是我的问题:

$(".Item").each(function(i, obj) {
    alert(i.id);
});

我试图获取类为“Item”的每个元素。

<div class="panel panel-default Item">
<div class="panel-body">
    <div class="col-md-4 col-xs-10">
        <h5 id="spikeName">{{spikeName}}</h5>
    </div>
    <div class="col-md-7 col-xs-10">
        <h5 id="spikeEffort">{{spikeEffort}} Tag/e</h5>
    </div>
    <div class="col-md-1 col-xs-1">
        <button type="button" class="btn btn-default" onclick="$(this).closest($({{item}})).remove()">
            <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
        </button>
    </div>
</div>

我需要数组 (json) 中的 spikeEffort 和名称才能将其发送到我的 REST 服务。

请问有什么帮助吗？

Answer 1

找到 Item 后使用 .find 进一步挖掘元素。

$(".Item").each(function() {
        console.log($($(this).find('#spikeName')).html());
        //Send spikeName to rest API
        console.log($($(this).find('#spikeEffort')).html());
        //Send spikeEffort to rest API
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="panel panel-default Item">
<div class="panel-body">
    <div class="col-md-4 col-xs-10">
        <h5 id="spikeName">{{spikeName}}</h5>
    </div>
    <div class="col-md-7 col-xs-10">
        <h5 id="spikeEffort">{{spikeEffort}} Tag/e</h5>
    </div>
    <div class="col-md-1 col-xs-1">
        <button type="button" class="btn btn-default" onclick="$(this).closest($({{item}})).remove()">
            <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
        </button>
    </div>