是否可以通過單擊字符串的一部分來調用函數？

Question

$("#chk_select").html("Sorry no such product. Click here to create one"); 

當上面的行顯示，如果用戶點擊「點擊這裏」我需要javascript來調用一個動作，如slideUp();。可能嗎？

Answer 1

裹串的那部分的元素中，如：

$("#chk_select").html("Sorry no such product. <span id='link'>Click here</span> to create one"); 

，然後寫一個單擊處理

$("#link").click(function() { 
    slideUp(); 
}); 

或者你也可以做

$("#link").on("click", function() { 

Answer 2

您必須將字符串拆分爲兩部分，並在範圍中包裝「點擊此處」。然後附上點擊處理這個跨度

Answer 3

做到這一點

$("#chk_select").html("Sorry no such product. Click here to create one").bind('click',function() { 
    $(this).slideUp(); 
}); 

，當你想隱藏/刪除文本

$("#chk_select").html('').unbind('click'); 

小提琴：http://jsfiddle.net/FArKv/

UPDATE：

因爲你只需要進行文字點擊的一部分，全部隱藏起來。使用它像另一個人說，

$("#chk_select").html("Sorry no such product. <a href='#' id='bind_click_here'>Click here</a> to create one"); 

$("#bind_click_here").bind('click',function() { 
    $("#chk_select").slideUp(); 
    return false; 
}); 

http://jsfiddle.net/FArKv/1/

Answer 4

您可以通過添加錨點調整的HTML一點點，然後添加一個單擊處理程序：

$("#chk_select") 
    .html('Sorry no such product. <a href="#">Click here</a> to create one') 
    .on('click', 'a', function(event) { 
     event.preventDefault(); 
     // do your stuff 
     $(event.delegateTarget).slideUp(); 
    });