Question

我正在尝试在JQuery中创建一些按钮，并将它们插入到现有的html代码中。目前我的代码看起来像这样：我不知道如何选择页面的第二部分，所以我选择了第一部分然后选择了下一部分。它不知道是否可能，请在那里温柔。

编辑：Section不仅是此处html标签的名称，还是代码中的类名。这就是为什么我试图用类选择器选择它。

var addsection = $(".Section").first();
addsection = addsection.next();

var buttonline2 = ("<div></div>");
buttonline2.addClass("Grid-full");
var button3 = ("<div>Show all!</div>");
button3.addClass("Button");
var button4 = ("<div>Hide all!</div>");
button4.addClass("Button");
buttonline2.add(button1);
buttonline2.add(button2);

button3.click(function () { // Show all
    addresses.show();
});

button4.click(function () { // Hide all
    addresses.hide();
});

addsection.append(buttonline2);

问题是我的页面上没有显示任何内容。我不知道我做错了什么。在论坛和stackoverflow上，人们一直在告诉其他问题，你只需要在html中附加你想要的部分。它也没有显示在我的HTML代码中。请帮忙:(

Answer 1

你的代码几乎是正确的，请按照这个例子：

＆＃13;

var buttonline2 = $("<div />", {
  class: 'Grid-full'
});


var button3 = $("<button />", {
    text: 'Show All!',
    class: 'Button'
  })
  .click(function () { // Show all
    console.log('let\'s show them all');
  })
  .appendTo(buttonline2)
;

var button4 = $("<button />", {
    text: 'Hide All!',
    class: 'Button'
  })
  .click(function () { // Hide all
    console.log('let\'s hide them all');
  })
  .appendTo(buttonline2)
;

$('#result').append(buttonline2);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="result"></div>

＆＃13;

在JQuery中创建一个按钮

1 个答案: