2016-11-16 32 views
0

我想自定義屬性的值,它是td標籤如何進去TD的價值使用自定義屬性

裏面,當我點擊更新按鈕的彈出窗口將顯示該值應在插入文本框一切正常,但我沒有能夠得到TD的價值已自定義屬性

echo "<td class='tdid' id='test' userid='$id'>".$row["id"]."</td>"; 
echo "<td class='tdtext' id='test' check='$id'>".$row["name"]."</td>"; 
echo "<td><Button style='margin-left:10px;' class='btn btn-primary buttonclass' tayyab='$name'>edit</Button> 

jQuery代碼更新按鈕的

$(".buttonclass").click(function(){ 
    $('#dialog').dialog('open'); 
    var edit=$(this).attr("tayyab"); 
    $("#textbox").val(edit); 
    $(".showtext").val(edit); 

    var labelid=$(this).attr("userid"); 
    $(".u_id").val(labelid); 
    alert(labelid); 
}); 

回答

0

這裏,this是指button而不是td

$(this).attr("userid"); 

試試這個:

$(this).parents('tr').find('td[userid]').attr("userid"); 
0

你是試在按鈕單擊事件中使用this訪問td元素,其中this引用按鈕而不是td

所以,你必須改變你的選擇是這樣,$(this).closest('tr').find('td:has([userid])')

給在下面的代碼一試,

$(".buttonclass").click(function(){ 


      $('#dialog').dialog('open'); 
      var edit=$(this).attr("tayyab"); 
      $("#textbox").val(edit); 
      $(".showtext").val(edit); 

      var labelid = $(this).closest('tr').find('td:has([userid])').attr("userid"); 
      $(".u_id").val(labelid); 
      alert(labelid); 

}); 
0

如果你想在你的HTML頁面中的自定義屬性,那麼它應該與data-後綴。例如,在你的情況下,而不是tayyab使用data-tayyab。而在JS,你可以通過簡單地attr();

var edit=$(this).attr("data-tayyab"); 

或者通過data();

var edit=$(this).data("tayyab"); 

並在代碼中的2路,

獲取的屬性值,id = 'test'不是唯一的。請記住,id在一個頁面中應該是唯一的。

echo "<td class='tdid' id='test' userid='$id'>".$row["id"]."</td>"; 
echo "<td class='tdtext' id='test' check='$id'>".$row["name"]."</td>"; 

要提取userid屬性,你可以這樣做,

echo "<td class='tdid' id='test1' data-userid='$id'>".$row["id"]."</td>"; 
echo "<td class='tdtext' id='test2' data-check='$id'>".$row["name"]."</td>"; 

var userID = $("#test1").attr('data-userid'); 

希望這將清除,並會爲你工作。

0

嘗試這種變化tayyab="'.$name.'"而不是tayyab='$name'和按鈕,而不是巴頓。最後回聲不是用分號;

終止並與$(this).closest('tr').find('td[userid]').attr("userid");

運用其找到父母

echo "<td class='tdid' id='test' userid='".$id."'>".$row["id"]."</td>"; 
echo "<td class='tdtext' id='test' check='".$id."'>".$row["name"]."</td>"; 
echo "<td><button style='margin-left:10px;' class='btn btn-primary buttonclass' tayyab='".$name."'>edit</button>"; 

jQuery代碼更新按鈕的地方

$(".buttonclass").click(function(){ 


      $('#dialog').dialog('open'); 
      var edit=$(this).attr("tayyab"); 
      $("#textbox").val(edit); 
      $(".showtext").val(edit); 

      var labelid=$(this).closest('tr').find('td[userid]').attr("userid"); 
      $(".u_id").val(labelid); 
      alert(labelid); 
}); 
0

上去屬性dom三使用parent()並使用查找得到.tdid誰擁有userid a屬性:

var labelid=$(this).parent().find('.tdid[userid]').attr("userid"); 
相關問題