Javascript 使用jQuery从另一个文件中的元素获取数据值

基本上我在一个文件中有一些元素和一些数据值。我想使用这些数据值动态创建指向它们的链接，以键入文本、href等

例如，我有两个div，id'ed

first

和

second

。它们具有

重要性

值，分别为“最重要”和“最不重要”

我想使用JavaScript/jQuery创建两个指向它们的链接，并使用短语“这是指向最重要/最不重要div的链接”。下面是一个不起作用的例子

文件

a.html

（ofc的常用标题等）：

---

然而什么也没发生。非常感谢您的帮助。

您的代码似乎正确，但选择器应位于引号内，并且在

html（）

中生成的字符串格式不正确：

$（'.makelink'）。每个（function（）{//用单/双qoute括起选择器
var target=$（this.data（'linkto'）；
$（this.attr（'href'，'#'+目标）；
var imp=$（'#'+target）.data（'重要性'）；
$（this.html（'链接到'+imp+'div'）；//使用+
});

这是第一组。
这是第二组。

您注意到浏览器控制台中的错误消息了吗？您不能更改另一个文件的DOM，除非该文件在当前文件知道的窗口或框架中打开。不清楚你在找什么。谢谢你注意到这些错误。您提供的代码按原样工作。但是，我尝试了在另一个文件的元素中获取数据值的相同实现，但它不起作用（我更新了问题）。你知道为什么吗？谢谢你很方便地忽略了问题中关于“另一个文件”的部分。@HereticsMonkey No.我把这个问题的措辞用在了这一部分，因为我认为对同一个文件中的元素的任何解决方案都是可行的，Mamum的答案在这种情况下是可行的。然而我的问题并没有真正解决…@提问者我的评论是针对马蒙的，而不是你。我不知道你为什么接受这个答案，如果它没有回答你的问题…@异端猴子，我理解。我只是解释说，他的回答符合前面所问的问题。所以他的答案不再适用是我的错。
<div id='first' data-importance='most important'>This is the first div.</div>

<div id='second' data-importance='least important'>This is the second div.</div>

<p><a class='makelink' data-linkto='first'></a></p>

<p><a class='makelink' data-linkto='second'></a></p>

$(`.makelink`).each( function(){
  var target = $(this).data('linkto');
  $(this).attr('href','b.html#' + target);
  var imp = $('b.html #' + target).data('importance'); 
  $(this).html('Link to the ' + imp + ' div');
});