Question

我目前有一个看起来像这样的标签：

<input name="code" type="text" />

我希望利用JQuery在此标记中添加文本，例如

<input name="code" type="text" data-hj-whitelist />

原因是Hotjar使用data-hj-whitelist添加白名单。

这是我当前的代码，我知道这不会起作用，因为我添加了一个data-hj-whitelist不在的类。其他令人想到的功能，例如：添加，追加等，在标签关闭后添加。我需要在标签内添加文字。

//WordPress Format
jQuery(document).ready(function( $ ) {
    //Obviously won't work as I'm not adding a class
    $('input').addClass('colin');
    //Console log to know the script fired  
    console.log('fired');
});

Answer 1

你应该能够做到：

$('input[name="code"]').attr('data-hj-whitelist','')

Answer 2

如果我理解你的问题，你只想在输入中添加数据属性。你可以这样做：

$('input[name="code"]').attr("data-hj-whitelist","");

如果需要，您可以检索数据属性的值，如下所示：

// Notice that the data- prefix is removed
$('input[name="code"]').data("hj-whitelist");

// You may also get the value using attr()
$('input[name="code"]').attr("data-hj-whitelist");

示例

// Set with attr(), retrieve with attr() $('input[name="code"]').attr("data-hj-whitelist", "foo1") console.log($('input[name="code"]').attr("data-hj-whitelist")); // Set with attr(), retrieve with data() $('input[name="code"]').attr("data-hj-whitelist", "foo2") console.log($('input[name="code"]').data("hj-whitelist"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input name="code" type="text" />

使用JQuery在HTML标记内添加内容

2 个答案: