[Note] 在Haml裡使用JavaScript 以及 jQuery 語法取得選擇器值

在Haml裡面使用JavaScript以及 jQuery 的用法如下:

1. 內嵌式

2 .外嵌式



內嵌式用法以及外嵌式用法可以透過下圖來得知如何使用

如上圖

內嵌式只要透過前面加入 :javascript 這個filter 就可以在下面輸入javaScript語法。

但是要注意的是要縮排! (這點HAML相當的care)

另外外嵌式主要透過

%script 標籤語法即可以使用

%script{:type => "text/javascript",:src => "yourJavaScript.js"}

接下來已知如何使用的狀況下，除了透過表單。我們也可以利用JavaScript以及 jQuery來取

值，以便於操作DOM


如果是 <p> <strong> 等標籤，就必須透過以下javascript

getElementById("foo").innerHTML;

jQuery 語法如下

$("#foo").html();

當然，如果是div 或者是input 標籤等，透過以下javaScript

getElementById("foo").value;

 jQuery 語法如下

$("#foo").val();

資料來源:

1.stackoverflow - Include inline JS in HAML

2. stackoverflow - How to replace innerHTML of a div using jQuery?