使用jQuery动态构建的JSON-LD schema.org

问题描述

我想使用JSON-LD添加结构化数据。我尝试使用jQuery并获取JSON格式并在head元素内附加内容来动态获取内容。我可以从特定的div中获取问题和答案的文本值，但不能全部获取文本值，因为我有更多的div，其ID以标题（对于问题）和折叠（对于答案）开头。 以下是我要实现的目标：

{
  "@context": "https://schema.org","@type": "FAQPage","mainEntity": [{
    "@type": "Question","name": "q1","acceptedAnswer": {
      "@type": "Answer","text": "a1"
    }
  },{
    "@type": "Question","name": "q2","text": "a2"
    }
  }]
}

我使用这个：

$(document).ready(function(){
var q_name = $('[id^=heading]').text();
var q_answer = $('[id^=collapse]').text();


       var el = document.createElement('script');
       el.type = 'application/ld+json';
       el.text = JSON.stringify({
  "@context": "https://schema.org","mainEntity": {
    "@type": "Question","name": q_name,"text": q_answer
    }
  }
});

document.querySelector('head').appendChild(el);
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）