javascript - 需要 JQuery 选择帮助

Question

对于那些习惯使用 jquery 选择内容的人来说，这应该是一个简单的答案，所以我开始了。

我有这段 HTML:

<div class="cooljobdom-subdomains"> cooljobdom
    <div class="cooljob-subitem"> subitem
        <input class="variable_class" type="checkbox">
        <label> label 1
            <span class="AAA"></span>
            <span class="block-middle">city1</span>
            <span>address1</span>
           </label>
        </input>
    </div>
    <div class="cooljob-subitem"> subitem
        <input class="variable_class" type="checkbox">
        <label> label 2
            <span class="BBB"></span>
            <span class="block-middle" >city2</span>
            <span>address2</span>
           </label>
        </input>
    </div>
    <div class="cooljob-subitem"> subitem
        <input class="variable_class" type="checkbox">
        <label> label 3
            <span class="CCC"></span>
            <span class="block-middle">city3</span>
            <span>address3</span>
           </label>
        </input>
    </div>
</div>

我想要以下字符串作为选择结果: 城市1，地址1；城市2，地址2；城市3，地址3。

到目前为止我有这个选择:

var value = $(".cooljobdom-subdomains .cooljob-subitem .block-middle").text();
value += $(".cooljobdom-subdomains .cooljob-subitem .block-middle").next().text();
alert(value);

但这给了我 city1city2city3address1address2address3。

请记住，具有“cooljob-subitem”类的 div 数量是可变的。

谢谢!

Answer 1

您可以使用

var value = $(".cooljobdom-subdomains .cooljob-subitem .block-middle").map(function () {
    return $(this).text() + ',' + $(this).addBack().text()
}).get().join(';');
console.log(value)