Javascript 如何使用jquery在whatsapp上共享DIV或SPAN的动态文本内容?

Javascript 如何使用jquery在whatsapp上共享DIV或SPAN的动态文本内容?,javascript,html,jquery,reactjs,whatsapp,Javascript,Html,Jquery,Reactjs,Whatsapp,我一直试图在whatsapp上分享DIV的文本内容。但是,还没有成功。我不想分享整个文件。我只想分享其中的一部分(我只想分享showques的内容) 这是我的密码: showques的值通过以下代码更新: 函数nxtridle(){ var chooserdl=[]; 对于(i=0;i{ //点击按钮上的Whatsapp消息 窗口打开(“https://api.whatsapp.com/send?text=Show div文本:“+divblock) }); })(); 输出: 显示di

我一直试图在whatsapp上分享DIV的文本内容。但是,还没有成功。我不想分享整个文件。我只想分享其中的一部分(我只想分享
showques
的内容)

这是我的密码:


showques
的值通过以下代码更新:


函数nxtridle(){
var chooserdl=[];
对于(i=0;i<164;i++){
选择dl.push(i);
}
console.log(chooserdl);
var riddleno=chooserdl[Math.floor(Math.random()*chooserdl.length)];
控制台日志(0);
$('#showques').append(ridleques[ridleno]);
$('#showans').append(ridledans[ridleno]);
返回;
}
nxtridle(0);

首先,您需要从
DOM
获取问题的内容。 然后,您必须从JS触发linkclick事件,并打开一个带有正确WhatsApp
url
的新选项卡。希望这会有所帮助

document.getElementById(“whatsAppShareButton”).addEventListener('click',函数(e){
e、 预防默认值();
var question=encodeURIComponent(document.getElementById(“showques”).textContent);
打开窗户whatsapp://send?text=“+问题,”“空白’”;
});

这是一个示例问题。。。

首先,您需要从
DOM
获取问题的内容。 然后,您必须从JS触发linkclick事件,并打开一个带有正确WhatsApp
url
的新选项卡。希望这会有所帮助

document.getElementById(“whatsAppShareButton”).addEventListener('click',函数(e){
e、 预防默认值();
var question=encodeURIComponent(document.getElementById(“showques”).textContent);
打开窗户whatsapp://send?text=“+问题,”“空白’”;
});

这是一个示例问题。。。

以下是我从webflow获得的代码。它起作用了

将此粘贴到页面的内部标记中:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

将此粘贴到标记中:

 <div class='divblock'>
This is the first line.
This is the second line.
</div>
    <button id='button'> WHATSAPP </button>
<script type="text/javascript">
(function clickMe() {
  const button = document.getElementById("button");
  var divblock = $('.divblock').text();
  button.addEventListener("click", event => {
    // Whatsapp Message on Button Click
    window.open("https://api.whatsapp.com/send?text=Show div text: " + divblock)
  });
})();
</script>

这是第一行。
这是第二行。
WhatsApp
在标签前粘贴此标签:

 <div class='divblock'>
This is the first line.
This is the second line.
</div>
    <button id='button'> WHATSAPP </button>
<script type="text/javascript">
(function clickMe() {
  const button = document.getElementById("button");
  var divblock = $('.divblock').text();
  button.addEventListener("click", event => {
    // Whatsapp Message on Button Click
    window.open("https://api.whatsapp.com/send?text=Show div text: " + divblock)
  });
})();
</script>

(函数clickMe(){
const button=document.getElementById(“按钮”);
var divblock=$('.divblock').text();
addEventListener(“单击”,事件=>{
//点击按钮上的Whatsapp消息
窗口打开(“https://api.whatsapp.com/send?text=Show div文本:“+divblock)
});
})();
输出:


显示div文本:这是第一行。这是第二行。

这是我从webflow获得的代码。它起作用了

将此粘贴到页面的内部标记中:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

将此粘贴到标记中:

 <div class='divblock'>
This is the first line.
This is the second line.
</div>
    <button id='button'> WHATSAPP </button>
<script type="text/javascript">
(function clickMe() {
  const button = document.getElementById("button");
  var divblock = $('.divblock').text();
  button.addEventListener("click", event => {
    // Whatsapp Message on Button Click
    window.open("https://api.whatsapp.com/send?text=Show div text: " + divblock)
  });
})();
</script>

这是第一行。
这是第二行。
WhatsApp
在标签前粘贴此标签:

 <div class='divblock'>
This is the first line.
This is the second line.
</div>
    <button id='button'> WHATSAPP </button>
<script type="text/javascript">
(function clickMe() {
  const button = document.getElementById("button");
  var divblock = $('.divblock').text();
  button.addEventListener("click", event => {
    // Whatsapp Message on Button Click
    window.open("https://api.whatsapp.com/send?text=Show div text: " + divblock)
  });
})();
</script>

(函数clickMe(){
const button=document.getElementById(“按钮”);
var divblock=$('.divblock').text();
addEventListener(“单击”,事件=>{
//点击按钮上的Whatsapp消息
窗口打开(“https://api.whatsapp.com/send?text=Show div文本:“+divblock)
});
})();
输出:


显示div文本:这是第一行。这是第二行。

我听不懂你的问题
nxtridle(0)
为什么使用0作为参数。函数定义没有进行任何讨论我不理解你的问题
nxtridle(0)
为什么使用0作为参数。函数定义不接受任何参数