0

编辑：我需要使用一个类，感谢您向我指出该类

我有以下div：

<div class="section-link" id="section-tooltip" data-content="Popup with option trigger" rel="popover" data-placement="right">
    <div class="section-features" style="display: none;">
    Content
    </div>
</div>
<div class="section-link" id="section-tooltip" data-content="Popup with option trigger" rel="popover" data-placement="right">
    <div class="section-features" style="display: none;">
    Content
    </div>
</div>
<div class="section-link" id="section-tooltip" data-content="Popup with option trigger" rel="popover" data-placement="right">
    <div class="section-features" style="display: none;">
    Content
    </div>
</div>

正如您所看到的，它们都使用相同的 id，我正在尝试使用以下 JQuery 在引导程序中创建一个弹出窗口，但是它只为一个 div 执行此操作，并且我试图让它为它们都执行此操作而无需设置个人身份证。

$('#section-tooltip').each(function(){
        $(this).popover({
    trigger: "hover",
    html : true, 
    content: function() {
      return $(this).children('div:first').html();
    }
    });
});
4

3 回答 3

3

将 ID 转换为类，然后修改您的代码：

<div class="section-link section-tooltip" data-content="Popup with option trigger" rel="popover" data-placement="right">
    <div class="section-features" style="display: none;">
    Content
    </div>
</div>

$('.section-tooltip').each(function(){
    $(this).popover({
        trigger: "hover",
        html : true, 
        content: function() {
            return $(this).children('div:first').html();
        }
    });
});

这是假设您有其他元素使用相同的类 ( .section-link)，您不希望此行为适用于这些元素。否则，只需使用该类。

于 2013-07-17T15:58:03.060 回答
0

来自：http : //www.w3schools.com/tags/att_global_id.asp

定义和用法 id 属性为 HTML 元素指定一个唯一的 id（该值在 HTML 文档中必须是唯一的）。

id 属性最常用于指向样式表中的样式，并通过 JavaScript（通过 HTML DOM）来操作具有特定 id 的元素。

于 2013-07-17T15:59:29.377 回答
0 
$('.section-link').each(function(){
        $(this).popover({
    trigger: "hover",
    html : true, 
    content: function() {
      return $(this).children('div:first').html();
    }
    });
});
于 2013-07-17T15:58:57.197 回答