使用正則表達式或JavaScript提取ID的最后一部分

Question

我有一個ID由第一靜態部分和第二動態值組成的組件，如下所示：

<div id="smallPlacardone">

其中： smallPlacard是靜態的， one是使用一個變量傳遞。

稍后在我的代碼中，我想使用ID的動態部分，即one ，而不是第一個靜態部分smallPlacard ，如下所示：

var clicked = $(this).parent().attr("id");
$("#right"+clicked+"").show();

最好的方法是什么？

Answer 1

如果“ smallPlacard”是靜態的，則可以使用replace方法將其刪除：

var clicked = $(this).parent().attr("id").replace(/smallPlacard/, '');
$("#right" + clicked).show();

Answer 2

我建議使用定界符char和split() 。 更容易閱讀，完全避免使用正則表達式：

<div id="smallPlacard_one">

和

var clicked = $(this).parent().attr("id").split("_")[1];
$("#right_" + clicked).show();

---

或者類似這樣的東西，它更靈活，因為它不依賴於隱藏的約定：

<div id="smallPlacard_one" data-show="#right_one">

和

var selector = $(this).data("show")
$(selector).show();