2017-06-05 97 views
0

jquery属性。 jQuery的JS

$(".dum").click(function() { 
 
    document.getElementById("ev").value=$(this).attr("data-name"); 
 
\t \t \t 
 
    $("#test-form").dialog("open"); 
 
});
// this is just the test 
 
    
 
    
 
cell2.innerHTML = '<span class="dum" style="color:'+testvalues[i]+'; font-size:20px;">'+testvalues[i + 2] || ''+'data-name=" '+testvalues[i+2] +'">'+ '</span>'; 
 

 

 
<div id="test-form" title="Event Information"> 
 
\t <p>Event:</p> 
 
\t <input id= "ev" type="text" name="fullname" disabled /> 
 
</div>

我有一个<span>在那里我有从分贝值。我试图让这些值使用jquery attr的输入框,但我没有定义。 attr名称是“数据名称”。我不知道我在这里做错了什么。我会非常感谢任何帮助。

+0

要附加没有一类叫做测试 – karthick

+2

span标记你有一个额外的**'>' ** – charlietfl

+0

charlietfl,其中是extra>。请帮我找到 – david

回答

1

:你需要重写span

第二:你需要Event binding on dynamically created elements?

这是一个例子

$(document).ready(function(){ 
 
    var testvalues = ['red','no','Click Me','name'], 
 
     i = 1; 
 
    $('#cell2').html('<span class="dum" style="color:'+testvalues[i]+'; font-size:20px;" data-name="'+testvalues[i+2] +'">'+testvalues[i+1] +'</span>'); 
 

 
    $(document).on('click' , ".dum" , function() { 
 
    $("#ev").val($(this).data("name")); \t 
 
    //$("#test-form").dialog("open"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<div id="cell2"></div> 
 

 
<div id="test-form" title="Event Information"> 
 
    <p >Event:</p> 
 
    <input id= "ev" type="text" name="fullname" disabled /> 
 
</div>

注:我不喜欢混合jQuery的纯JS所以我用jQuery的

+0

Mohamed-Yousef你是两个awesomeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee! thx伟大的帮助:) – david

+0

不客气@david ..有一个伟大的日子:-) –

+0

你也thxxxxxx。 – david

-1

改为使用jQuery数据属性。

document.getElementById("ev").value=$(this).data("name"); 
+0

没有理由,如果'attr('data-name')'不起作用 – charlietfl

+0

attr('data-name'),我会变得不确定。 – david

+0

我使用你的代码测试了这一点,并且我正在获得成功的数据检索。我认为你的问题不在你提供的代码中。也许这个错误正在其他地方引入? – Korgrue

0

请检查您要插入的span。我不认为这个问题与jQuery有关,而是你实际上并没有编写data-name属性。 innerHTML上的||是什么?因为||你只写了字符串的第一部分(所有东西在它的左边)而没有在它的右边(data-name属性)。

+0

丹妮我删除||标签,它的工作很完美,但它的表格写着“数据名称”。我试图显示attr值只有当用户点击类表(“dum”) – david