如何使用javascript / jquery将id设置为div标签

时间:2013-03-25 11:59:45

标签: jquery jsp

我希望使用JavaScript / jQuery将ID设置为div标记。

在我的项目中有照片的数量。每张照片都有一些文字将使用基于x和y坐标的div标签显示在图像上。

这是我的代码。有什么错误吗?

<script >

  var i=0;
  var st1=new Array();
  var st2=new Array();
  var st3=new Array();           
  var i=0;
  $(document).ready(function() {
    $("#dimg1").hover(function() {
      for(var i = 0; i < 3; i++) {

        var X = st1[i];      
        var Y = st2[i];
        var txt = st3[i];
        var test = $("<span class='test'></span>");
        test.html(txt);
        $(this).append(test.offset({left:X,top:Y}));
      }
    }, function() {
      $('.test').remove();
    });
  });
</script>

<br><br><br>
<%

  response.getWriter().write("<div id='dimg1' class='dimg1' position: 'relative'  left:'300px'  top:'50px'  z-index: '10;'>");

%>![out put][1]

2 个答案:

答案 0 :(得分:1)

您可以使用jQuery编辑HTML元素的ID,如下所示:

$('#id1').attr('id', 'id2');

答案 1 :(得分:0)

我认为您可以使用以下

document.getElementById('dimg1').setAttribute('x', 'value')

这样你可以在div上设置你想要的任何属性