javascript - 如何将数据参数添加到 HTML 字符串并获取字符串？

Question

我得到了一个像这样的字符串:

var select_string = '<select><option>1</option><option>2</option></select>';

我需要向此字符串中的 select 添加一些 data 参数，并取回该字符串以获得以下内容:

select_string = '<select data-param1="param1" data-param2="param2"><option>1</option><option>2</option></select>';

我尝试使用 jQuery 函数，如 .html() 或 .text() 但它不起作用。像这样:

select_string = $(select_string).data('param1', 'param1').html() //or .text()

任何如何使其发挥作用的想法都会有所帮助。谢谢。

Answer 1

您可以使用attr将该属性添加到元素

var select_string = '<select><option>1</option><option>2</option></select>';

var select = $(select_string).attr({
  'data-param1': 'param1',
  'data-param2': 'param2'
});

console.log(select.prop('outerHTML'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

由于你的属性名称以data-开头，如果你想获取值，可以使用:

select.data('param1'); // param1
select.data('param2'); // param2