Question

jQuery中每个人都喜欢..

$('#id').each( function( index ) {
   $(this).addClass('item-' + index);
});

Answer 1

id在同一文档中应该是唯一的，因此调整代码的最简单方法是通过名为id='id'的genrale类更改代码中的每个id，它将是{{} 1}}，然后使用class='id'代替：

$('.id')

希望这有帮助。

Answer 2

谢谢大家...... 我用过这个并且有效......

$(document).ready(function () {
    $('.results-info-hover').each(function () {
        var $this = $(this);
        $this.popover({
            container: 'body',
            trigger: 'hover',
            placement: 'bottom',
            html: true,
            content: $this.find('.results-info').html(),

        });
        });
    });

Answer 3

如果您尝试在表格中的每个元素的鼠标悬停上创建弹出窗口，请尝试使用以下代码，

HTML：

<table border="1">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Aryan</td>
<td>26</td>
</tr>
<tr>
<td>Dia</td>
<td>22</td>
</tr>
</table>

使用Javascript：

$(document).ready(function () {
$(document).on('mouseover', 'th,td', function () {
    var offset = $(this).offset();
    var html = '<div class="popup">' + $(this).text() + '</div>';
    $('.popup').remove();
    $(html).insertBefore('table');
    $('.popup').css({ 'top': offset.top, 'left': offset.left }).fadeIn();
});

}）;

CSS：

table{border-collapse:collapse}
th,td{padding:10px}
.popup{display:none;position:absolute;background:#ccc;border-radius:6px;padding:8px;}

此示例代码会创建您悬停的文本的弹出窗口。

https://jsfiddle.net/zmd2ct54/

Answer 4

如果要将同一个类放到表中的所有单元格中，请使用以下命令：

$('#tableId td').each( function( index ) {
   $(this).addClass('classname');
});

通过这种方式，您将使用#tableID迭代表中的所有td子项。

您可以使用jqueryui以这种方式添加带有自定义内容的工具提示：

$('#tableId td').each( function( index ) {
    $(this).tooltip({
        content: function() {
            var contentHTML = ""; //Text or html you want to show in the tooltip
            return contentHTML;     
        }
    });
});

鼠标悬停在单元格上时，如何将弹出框放到表格中的每个单元格中

4 个答案: