如何使使用jQuery的HTML属性的JavaScript变量

问题描述

使用以下code：

 ＆LT; D​​IV CLASS =无所谓Addthis个：标题=你好，你的名字是[姓氏]＆GT;＆LT; / DIV＆GT;
 

如果我有这样一个JS变量

 变数名称=约翰
 

我将如何取代[名字]以使用jQuery在第一code段我的JS变量？

这是确定如果我需要使用jQuery开始像设置属性：

  $（'。不管'）ATTR（'Addthis个：标题'，'你的名字是[名字]。'）;
 

解决方案

只需运行替换在您的字符串...：

 变数名称='约翰';
$（'什么的。）ATTR（'Addthis个：标题'，函数（I，ATTR）{
    返回attr.replace（'[名字]'，名）;
}）;
 

P.S。你确定你想要的属性 Addthis个：标题，不是简单地标题？这是无效的HTML！如果你想创建自己的属性，preFIX它们与数据 - ：

 ＆LT; D​​IV CLASS =无所谓数据Addthis个标题=你好，你的名字是[姓氏]＆GT;＆LT; / DIV＆GT;
 

Using the following code:

<div class="whatever" addthis:title="Hi, your name is [firstName]"></div>

If I have a JS variable like this

var name = John

How would I replace the "[firstName]" with my JS variable in the first code snippet using jQuery?

It's ok if I need to set the attribute using jQuery to begin with like:

$('.whatever').attr( 'addthis:title', 'Hi, your name is [firstName].' );

解决方案

Simply run replace on your string...:

var name = 'John';
$('.whatever').attr('addthis:title', function(i, attr){
    return attr.replace('[firstName]', name);
});

P.S. Are you sure you want an attribute addthis:title, not simply title? That's invalid HTML! If you want to create your own attributes, prefix them with data-:

<div class="whatever" data-addthis-title="Hi, your name is [firstName]"></div>

这篇关于如何使使用jQuery的HTML属性的JavaScript变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！