访问.html中的元素

Question

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

我的地图上有一个图例，当我将鼠标移到它上面时，它会包含一些复选框。我想将图例中的一些元素转换为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();