如何使用jQuery從標題添加數據屬性和類？

Question

我在頁面上的標題為title =“ class className dataAttr”的元素。 我想創建一個jQuery代碼，從標題將className添加到class =“ className”並將dataAttr添加到data-icon =“ dataAttr”。 這是我的代碼：

 <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> 

但是該腳本也將className和dataAttr一起添加到class和data-icon。 我認為className和dataAttr之間的空格或符號會存在一些條件，以分別添加它。 我不知道該怎么做。 您知道一些解決方案嗎？ 我希望你理解我的問題。

Answer 1

以下代碼段有效：

 $( 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'); }); }); 

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