Question

我正在尝试使用title属性将一个类添加到div。目前警报是正确的。但是没有添加课程。

JS Part：

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

HTML部分：

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

Answer 1

我不知道我的问题是否正确，但我知道你想要通过标题过滤|找到div。也许这段代码可以帮到你：

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

Answer 2

我就是这样做的：

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

Here is the JSFiddle demo

Answer 3

相反，只需传递this：

onclick='index(this)'

现在在函数中：

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

由于元素本身是目标元素，因此只需使用它：

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

或者更好地不引人注目，删除内联事件处理程序并使用这种方式：

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

Answer 4

为什么你需要那样做？你不能只在点击的元素上设置类吗？

的JavaScript

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

HTML

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

Answer 5

问题中的

js会返回预期结果。在<{p>} > html #sticky标记处遗漏了结束<div>

onclick="index(this.title)"

关注onclick属性。另外，

应该删除

+clicked_id

.attr()设置title。 javascript +运算符在放置字符串

之前尝试将clicked_id String转换为Number

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>

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

5 个答案: