javascript - 访问 .html 内的元素

Question

可能是一个简单的问题，但这里是。

我的 map 上有一个图例，当我将鼠标悬停在它上面时，其中包含一些复选框。 我想将图例中的一些元素变成 jquery 按钮。例如，$("#unions").button();但是，我似乎无法访问图例中的元素。

我该怎么做？我的代码中有所有 jquery 文件，所以这不是问题。

var legend = '<ul>'
                       + '<li>   <b>            Organization Type:                  </b><li>'
                       + '<li> <input type="checkbox" id="unions" /> Unions '
                       + '&nbsp &nbsp &nbsp <input type="checkbox" name="radio" id="nonunions" /> Non-Unions </li>'
                       +'<li>    <b>            Sectors (Union and Non-Union):      </b> <li>'
                       + '<li class="item"><input type="checkbox" name="radio" id = "agriculture" /> Agriculture</li>'
                       + '<li class="item"><input type="checkbox" name="radio" id = "processing" /> Food Processing</li>'
                       + '<li class="item"><input type="checkbox" name="radio" id = "warehouse"/> Warehouse</li>'
                       + '<li class="item"><input type="checkbox" name="radio" id = "retail" /> Retail</li>'
                       + '<li class="item"><input type="checkbox" name="radio" id = "food" /> Food Service</li>'
                       + '<li>    <b>           Non-Union Organization Type:            </b> <li>'
                       + '<li class="item"><input type="checkbox" name="radio" id="advocacy" = "adv"/> Advocacy</li>'
                       + '<li class="item"><input type="checkbox" name="radio" id = "service"/> Service</li>'
                       + '<li class="item"><input type="checkbox" name="radio" id = "workcenter" /> Work Center</li>'
                       + '</ul>';

$(controlLegend).html(legend);

Answer 1

如果 controlLegend 不是 DOM 的一部分，

$("#unions").button(); 将不起作用。您可以使用.find()获取 controlLegend 内部的元素。

$(controlLegend).find("#unions").button();