使用jQuery獲取2個ID並顯示自定義內容

我是jQuery的新手，我知道這個問題可能看起來很愚蠢。但是，這裏是我迄今爲止... http://jsfiddle.net/jHyJu/使用jQuery獲取2個ID並顯示自定義內容

$('[id^=content]').hide(); 
$('#baseSection').delegate("li", "click", function() { 
var id = $(this).attr('id').replace('bcontent',''); 
$("#baseContent").html($("#content-"+id).html()); 
}); 

$('[id^=content]').hide(); 
$('#headSection').delegate("li", "click", function() { 
var id = $(this).attr('id').replace('hcontent',''); 
$("#headContent").html($("#content-"+id).html()); 
});

我需要的腳本所點擊的IDS相結合，所以我可以顯示自定義的內容。

來源

2013-02-08 Jon

你有什麼問題嗎？ '

'開幕式''在哪裏？ – undefined

這是原始代碼的一部分，並認爲我已經刪除了所有引用。感謝您的注意。 – Jon

是的，我確實有一個問題，你會知道我可以如何改變我必須得到ID + ID =內容？例如我點擊base 1 + head 1 = content 1或者我點擊base 1 + head 2 = content – Jon

利用ternary operator：http://jsfiddle.net/jHyJu/1/

$('[id^=content]').hide(); 
    $('#baseSection, #headSection').on("click", "li", function() { 
     var id = ($(this).parent().attr('id') == 'selectable') ? $(this).attr('id').replace('bcontent', '') : $(this).attr('id').replace('hcontent', ''); 
     $("#baseContent").html($("#content-" + id).html()); 
    });

，並使用.on()代替if you are using jquery version 1.7+

來源

2013-02-08 08:32:11 Jai

這工作。謝謝！他們是我可以獲得id + id = content的一種方式嗎？例如我點擊base 1 + head 1 = content 1，或者我點擊base 1 + head 2 = content 2。 – Jon

$('[id^=content]').hide(); 
    $('#baseSection, #headSection').delegate("li", "click", function() { 
    var id = $(this).attr('id').replace('bcontent','').replace('hcontent',''); 
    $("#baseContent, #headContent").html($("#content-"+id).html()); 
    });

試試這個。

來源

2013-02-08 08:16:15

謝謝你的迴應。 – Jon

可以使用

$('#baseSection, #headSection').delegate

，並保持所有的代碼，除了以下行

var id = $(this).attr('id').replace('hcontent',''); 
var id = $(this).attr('id').replace('bcontent','');

在這裏你可以有「hcontent/bcontent」作爲元素的屬性，並且可以使用

使用相同

$(this).attr('<attribute name>')

和使用作爲varibale

來源

2013-02-08 08:25:28

謝謝你的迴應。 – Jon

使用jQuery獲取2個ID並顯示自定義內容

回答

相關問題