Jquery如何在href中添加onclick

Question

如何添加onclick='openLightB('remove_ddi',500);' 使用jquery函數進入<a>open</a>

我現在的代碼是這樣的

$(".remove_row").live("click", function(){
  $(".ddi tr:eq(2) td:eq(5) a").replaceWith("<a onclick='openLightB('remove_ddi',500);'>Remove</a>");
});

不幸的是結果就是這樣

<a remove_ddi',500);'="" onclick="openLightB(">Remove</a>

Answer 1

如何讓jquery使用.attr（）來處理轉義引號：

$(".remove_row").live("click", function(){
  $(".ddi tr:eq(2) td:eq(5) a").attr('onclick', "openLightB('remove_ddi',500);");
});

DEMO

---

BTW， .live（）已棄用 ，可以在將來的任何時候從庫中刪除。 您應該考慮使用.delegate（）或.on（）進行事件委派。

Answer 2

你可以修改你的代碼，如下所示，

$(".remove_row").live("click", function(){
  $(".ddi tr:eq(2) td:eq(5) a")
     .replaceWith("<a onclick=\'openLightB(\'remove_ddi\',500);\'>Remove</a>");
});

或簡化它，

 $(".remove_row").live("click", function(){
    $(".ddi tr:eq(2) td:eq(5) a").click (function () {
      $(this).text('Remove');
      openLightB('remove_ddi',500);
     });
 });

此外，如果您使用的是jQuery 1.7，請使用.on

//replace <.remove_row container> with .remove_row container
 $('<.remove_row container>').on("click", '.remove_row', function(){
    $(".ddi tr:eq(2) td:eq(5) a").click (function () {
      $(this).text('Remove');
      openLightB('remove_ddi',500);
     });
 });

Answer 3

這項工作用於引用問題：

$(document).ready(function(){
    $(".remove_row").click( function(){
          $(".ddi tr:eq(2) td:eq(5) a").replaceWith("<a onclick=\"openLightB('remove_ddi',500);\">Remove</a>");
        });
});

Answer 4

$(".remove_row").live("click", function(){
  $(".ddi tr:eq(2) td:eq(5) a").attr('onclick', 'openLightB("remove_ddi",500);');
});

Answer 5

嘗試這個

<a href="javascript:openLightB('remove_ddi',500)">Remove</a>

jQuery的

$(".remove_row").live("click", function(){
  $(".ddi tr:eq(2) td:eq(5) a").prop('href','javascript:openLightB("remove_ddi",500);');
});

Answer 6

$(".remove_row").live("click", function(){
 $(".ddi tr:eq(2) td:eq(5) a").attr('onClick', 'openLightB("remove_ddi",500);'); });