如何将标题的值添加到 class 的值到与 jQuery 相同的元素？

Question

例如，我将 "new1" 添加到 1.jpg 图片的标题名称中。然后在 class of picture 1.jpg 中它将得到 class of "new1" by jQuery.

<script> 
    $( document ).ready(function() {
 
 $("[title*='animotion']").addClass('new1',function(){
    $(this).parent().css('overflow','visible'); 
    str=$(this).attr("title");
    str=str.replace('animotion ','');
    return str}).removeAttr('title');

    });
</script>

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

所以如果我添加 "animotion new23" 我在 class 标签中只有 new1。那么我该如何编辑新的 23 将在 class 中的代码呢？

============================================= ========================== 新问题。那么在那之后如何将 css class 添加到 new1 到 style.css?

Answer 1

   $("[title*='animotion']").addClass(function(){
        // add the string that you want to applear and concatenate it with the title attribute of the object and return it as a parameter to addClass;
        return 'new1'+$(this).attr('title');
   });

Answer 2

据我所知，.addClass() 需要一个字符串或一个函数，而不是两者。尝试链接调用 .addClass():

$( document ).ready(function() {

    $("[title*='animotion']").addClass('new1').addClass(function(){
    $(this).parent().css('overflow','visible'); 
    str=$(this).attr("title");
    str=str.replace('animotion ','');
    return str}).removeAttr('title');

});

Answer 3

既然你想用标题值来添加classes，那么你可以简单地这样做：

$(document).on('ready', function() {
 $("[title*='animotion']").addClass(function(){
  $(this).parent().css('overflow','visible'); 
  return $(this).attr('title');
 }).removeAttr('title');
});

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

<p><img src="http://placehold.it/350x150" title="animotion newClass new1" /></p>

jQuery addClass method 接受 class 名称或函数。在这两种情况下，该值都必须是包含以下内容的字符串：

One or more space-separated classes to be added to the class attribute of each matched element.

如何将标题的值添加到 class 的值到与 jQuery 相同的元素？

How to add value from the title to the value of the class to the same element with jQuery?

jquery

title