0

我有以下自动生成的代码，我希望 jQuery 代码帮助我取出每个的值href（部分：“/listing-agent-staff/barack-obama”），并将这个值插入下拉菜单.

自动生成的代码：

<div class="StaffBlock StaffName">
<a href="/listing-agent-staff/barack-obama">Barack Obama</a>
</div>
<div class="StaffBlock StaffName">
<a href="/listing-agent-staff/bill-clinton">Bill Clinton</a>
</div>
<div class="StaffBlock StaffName">
<a href="/listing-agent-staff/will-smith">Will Smith</a>
</div>

我希望将值插入到的下拉菜单：

<label for="CAT_Custom_231994">Listing Contact</label>
<select name="CAT_Custom_231994" id="CAT_Custom_231994" class="cat_dropdown">
<option value="">-- Please select --</option>
<option value="/listing-agent-staff/barack-obama">Barack Obama</option>
<option value="/listing-agent-staff/bill-clinton">Bill Clinton</option>
<option value="/listing-agent-staff/will-smith">Will Smith</option>
</select>

请注意，第一部分是自动生成的，因此记录的数量会有所不同，第二部分中的选项数量应该可以应对。

4

3 回答 3

3

这应该这样做：

$(".StaffBlock.StaffName a").each(function() {
    $(".cat_dropdown").append($("<option/>", {
        value: $(this).attr("href"),
        text: $(this).text()
    }));
});​

见演示。

于 2012-08-22T13:24:34.507 回答
0

...-Containers 周围是否有 -Container？如果是，您可以像 var 一样轻松地遍历它们

$('#id_of_main_container").children().each(function (e) { $(this).find('a').attr('href'); }

使用 html()，您可以轻松构建带有 href-Values 的 -Tag 数组并构建自定义 -tree。

于 2012-08-22T13:25:04.030 回答
0

类似的东西应该可以工作：

$(document).ready(function() {
    var select = $('<select name="CAT_Custom_231994" id="CAT_Custom_231994" class="cat_dropdown"><option value="">-- Please select --</option></select>');
    $('div.StaffBlock.StaffName a').each(function() {
        select.append('<option value="'+ $(this).attr('href') +'">'+ $(this).text() +'</option>');
    });
    $('div.StaffBlock.StaffName').last().after(select).after('<label for="CAT_Custom_231994">Listing Contact :</label>');
});​

这是一个JSFiddle

于 2012-08-22T13:29:01.707 回答