Question

我在div中有一个链接列表。我试图点击该div之外的按钮，并在屏幕上打印div内的每个链接以及页面上的链接数量。不太清楚该怎么做..

JS

$(function()
{
$('#button').click(function()
{
    $('#links a').each(function()
    {
        var count = $('#links a').length;
        $(this).appendTo('#results');
        $('span').text('there are ' + count 'links');
    });
});

});

HTML

<a href="#" id="button">button</a>
  <div id="links">
  <a href="#">one</a>
  <a href="#">two</a>
  <a href="#">three</a>



  </div>
  <div id="results"></div>

Answer 1

这将打印结果div中的链接数：

$('#button').click(function(){
        var count = $('#links a').length;
        $('#results').text('there are ' + count + ' links');
});

像这样将所有链接移动到另一个div：

$('#button').click(function(){
        var elements = $('#links a')
        $('#results').append(element);
});

结合起来（按照正确的顺序:)

$('#button').click(function(){
        var count = $('#links a').length;
        $('#results').text('there are ' + count + ' links');
        var elements = $('#links a')
        $('#results').append(element);
});

或：

$('#button').click(function(){
        var elements = $('#links a'); //<-- grab all links
        $('#results') //<-- select the target div
          .text('there are ' + elements.length + ' links'); //<-- set count
        $('#links2').append(elements) //<-- put links in another div
});

<强> live test here

如何查找div中的所有链接，将它们添加到DOM并计算链接

1 个答案: