Question

我的页面中有很多弹出框（JSBin），每个data-toggle都链接到一个html div。现在通过以下脚本实现：

<script>
    $('[data-toggle="popover0"]').popover({
    html: true,
    content: function() {
    return $("#popover0-html").html()
    }});

    $('[data-toggle="popover1"]').popover({
    html: true,
    content: function() {
    return $("#popover1-html").html()
    }});    

    $('[data-toggle="popover2"]').popover({
    html: true,
    content: function() {
    return $("#popover2-html").html()
    }});
</script>

我想简单地通过上面的代码说＆＃34;对于带有ID的所有数据切换，我们返回其id为ID + -html＆＃34;的html。有谁知道如何实现这一点？

Answer 1

一个选项是：

data-toggle

上述脚本使用$("form").submit(function(evt){ evt.preventDefault(); var formData = $("form").serializeArray(); // Create array of object var jsonConvert = JSON.stringify(formData); // Convert to json });属性的值来选择目标元素。它适用于1个或多个元素。

Answer 2

$('[data-toggle]').popover({
   html: true,
   content: function() {
      var id = "#" + this.getAttribute('data-toggle') + "-html";
      return $(id).html();
   }
});

简化JQuery代码

2 个答案: