如何使用div的title属性添加类？

Question

I'm trying to add a class to a div by using the title attribute. Currently the alert is correct. However the class isn't added.

JS Part:

function index(clicked_id){
   alert(clicked_id);
   $('#sticky').attr("title", +clicked_id).addClass("glow");
}

HTML Part:

<div id="sticky" class="" title='sticky1' onclick='index(this.title)'</div>"

Answer 1

I don't know if I got your question right but I understood that you want to filter|find you div by the title. So maybe this code will help you:

function index(clicked_id){
   alert(clicked_id);
   $('#sticky [title="' + clicked_id + '"]').addClass("glow");
}

Answer 2

This is how I would do it:

$("[title*='sticky']").click(function(){
    $(this).addClass("glow");
});

Here is the JSFiddle demo

Answer 3

Instead just pass this :

onclick='index(this)'  

now in the function:

function index(el){
   var e = $(el).attr('title');
   $('#sticky[title="'+e+'"]').addClass("glow");
}

As the element itself is the target one then just use this:

function index(el){
   $(el).addClass("glow");
}

or better to go unobtrusive, remove the inline event handler and use this way:

$('#sticky').on('click', function(e){
    $(this).addClass("glow");
});

Answer 4

Why do you need to do it like that? Can't you just set the class on the element clicked?

JavaScript

function index(el){
    $(el).addClass("glow");
}

HTML

<div id="sticky" onclick='index(this)'></div>

Answer 5

js at Question returns expected results. Missing closing > at html #sticky <div> tag at

onclick="index(this.title)"

following onclick attribute . Additionally,

+ 

should be removed at

+clicked_id

at .attr() setting title . javascript + operator attempting to convert clicked_id String to Number when placed before string

 function index(clicked_id){ alert(clicked_id); $('#sticky').attr("title", clicked_id).addClass("glow"); } 

 .glow { color: purple; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script> <div id="sticky" class="" title="sticky1" onclick="index(this.title)">click</div>