如何使用属性并将其作为元素jquery插入

时间:2015-10-10 13:59:53

标签: jquery insert attributes element

是否可以插入,f.e。 to" span",这样的属性。

<span data-text="Hello world"></span>

如果事件达到其条件,则脚本从&#34;数据文本&#34;中获取信息。并将其插入&#34; span&#34;。

因此,结果跨度将类似于

<span data-text="Hello world">Hello world</span>

1 个答案:

答案 0 :(得分:1)

是的,您可以使用text,如下所示

$('span[data-text]').text(function() {
    return $(this).data('text');
});
  1. $('span[data-text]')将选择其中包含<span>属性的所有data-text元素
  2. 具有回调函数的
  3. text()用于迭代所有匹配的元素并更新其各自的innerText。您也可以使用html()代替text()
  4. $(this).data('text')将检索当前(data-text)元素的$(this)属性值,并从函数返回它将更新innerText。
  5. <强>演示

    &#13;
    &#13;
    $('span[data-text]').text(function() {
      return $(this).data('text');
    });
    &#13;
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <span data-text="Hello world"></span>
    <span data-text="GoodBye World!"></span>
    <span data-text="Is it Working?"></span>
    &#13;
    &#13;
    &#13;