Question

这是我在jsfiddle中的代码：

function go_to(lat,lon,hinttext,balloontext,event){

var domElement =$(event.target);
domElement.addClass('selected');
console.log(domElement);

return false;
}

当我点击链接时，我想添加新的类名。我怎么能这样做？

Answer 1

试试这个

$(element_id).addClassName(newClassName);

它只是添加类名。它不会删除以前的类名。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).click(function(event) {
    var text = $(event.target.nodeName).selector;
$(text).addClass("newclass");
});
</script>
<style>
.newclass{
color: #00ff00;
}

</style>
<p>hello</p>
<input type="text" id="amount"/>

Answer 2

已编辑
我在上一篇文章中匆匆忙忙忘了最重要的 addClass :) :)）
我希望你能得到jquery数据参数的线索。

经过大量测试后，我找到了适合您的解决方案 HTML：

 <div id="res">
<a href="" class="ff" data-lat="123 " data-long="321 " data-hinttext="some hit text !" data-ballon="balloontext" >textr123</a>
</div>

JS：

  $('.ff').live('click', function(e) {
    e.preventDefault();

    var lat = $('.ff').data('lat');
    var long = $('.ff').data('long');
    var hinttext = $('.ff').data('hinttext');
    var balloontext = $('.ff').data('ballon');
alert(lat + long + hinttext + balloontext);

$(this).addClass('selected');

return false;

}）; }）;

and the DEMO IS HERE

为元素onclick（）添加新的类名

2 个答案: