jquery属性。 jqueryのjsの

Question

$(".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>

私は、DBからの値を持つ<span>を持っています。そして私はjquery attrを使ってこれらの値を入力ボックスに入れようとしていますが、私は未定義になっています。 attr名は "data-name"です。ここで間違っていることは分かりません。私はどんな助けにも非常に感謝しています。

Answer 1

第一：あなたはspan

第二を書き換える必要があります：あなたは、これは、例えば

$(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>

です Event binding on dynamically created elements?

を必要とします

注：私は純粋なJSとjQueryの混合好まないので、私は

Answer 2

代わりにjQueryデータ属性を使用してください。

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

Answer 3

あなたが挿入しているspanを確認してください。私は問題がjQueryに関連しているとは考えていませんが、実際にはdata-nameという属性を記述しているわけではありません。 innerHTMLの||は何ですか？そのため、||のため、文字列の最初の部分（すべて左にある）と右にない部分（data-name属性）のみを書きます。