使用javascript从字符串中检索值。 （字符串是一段HTML）

Question

我是C＃开发人员。我的客户端javascript技能非常低。

在javascript中我有一个字符串值。其中包含以下内容：

<div id="foo" data-redirectURL="bar">
    <div>Lorem Ipsum</div>
</div>

在这种情况下如何检索data-redirectURL的值：＆＃34; bar＆＃34;吗

Answer 1

像这样使用attr：

var str = '<div id="foo" data-redirectURL="bar"><div>Lorem Ipsum</div></div>';

var value = $(str).attr("data-redirectURL");

console.log(value);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

您可以调整数据属性并使用data()：

$('#foo').data('redirect-url');

HTML：

<div id="foo" data-redirect-url="bar">
    <div>Lorem Ipsum</div>
</div>

希望这有帮助。

DOM片段：

＆＃13;

＆＃13;

console.log( $('#foo').data('redirect-url') );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="foo" data-redirect-url="bar">
  <div>Lorem Ipsum</div>
</div>

＆＃13;

＆＃13;

＆＃13;

字符串摘要：

＆＃13;

＆＃13;

var my_string = '<div id="foo" data-redirect-url="bar"><div>Lorem Ipsum</div></div>';

console.log( $(my_string).data('redirect-url') );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

＆＃13;

＆＃13;

Answer 3

有多种方法可以获取数据属性值

jquery：$('#foo').attr("data-redirectURL")

javascript：document.getElementById('foo').getAttribute('data-redirectURL');

console.log($('#foo').attr("data-redirectURL"))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo" data-redirectURL="bar">
    <div>Lorem Ipsum</div>
</div>