Question

我在页面上有一个元素，其中title =＆＃34; class className dataAttr＆＃34;。我想创建一个jQuery代码，它将className添加到class =＆＃34; className＆＃34;和dataAttr到data-icon =＆＃34; dataAttr＆＃34;从标题。这是我的代码：

＆＃13;

<script>	
$(document).ready(function () {

    $("[title*='class']").addClass(function () {
        return $(this).attr('title');
    }).attr('data-icon', function () {
        str = $(this).attr("title");
        str = str.replace('class', '');
        return str
    }).removeClass('class').removeAttr('title');
});
</script>

＆＃13;

但是这个脚本也将className和dataAttr一起添加到class和data-icon中。我认为className和dataAttr之间的空格或符号会有一些条件来单独添加它。我不知道该怎么做。你知道一些解决方案吗？我希望你能理解我的问题。

Answer 1

以下代码段有效：

＆＃13;

	
	$( document ).ready(function() {

	$("[title*='class']").each(function() {
       var title = $(this).attr('title');
       var titleArray = title.split(" ");
       $(this).addClass(titleArray[1]);
       $(this).attr("data-icon", titleArray[2]);
       $(this).removeAttr('title');
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p title="class className dataAttr">test</p>

＆＃13;

如何使用jQuery从title添加data-attr和class？

1 个答案: