访问.html中的元素

时间:2012-11-09 22:51:34

标签: javascript jquery html jquery-ui

可能是一个简单的问题,但现在就是这样。

我的地图上有一个图例,当我将其鼠标悬停时,它包含一些复选框。 我想将图例中的一些元素转换为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);

1 个答案:

答案 0 :(得分:2)

如果$("#unions").button();不是DOM的一部分,

controlLegend将无法运作。您可以使用.find()转到controlLegend内的元素。

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