[JQuery] 工作筆記 0719

最近工作一直常碰到
結果因為大學怠惰都沒學,出來工作才後悔,狂幹譙以前的自己XD
來做個筆記

針對html 的 input 取得其輸入的值可以用               $('#element id').val();
若是要針對某個包文字的element如span取值可用 $('#element id').text();
                                                                  設值可用 $('#element id').text('要設定的值')

//針對id = BigRng這個element內的多個select element,將他們被selected的option value透過each()的方式做相加
$('#BigRng select > option:selected').each(function() {
var value = Number($(this).val());
if (!isNaN(value))
{
sum += value;
}
});
//針對所有的input type為checkbox的element,選出checkbox的id,並將table row id為row_XXXX給刪除
$('input[type=checkbox]').each(function(){
if (this.checked){
var id = $(this).attr('id');
$('#row_'+id).remove();
}
});

// 針對id = act_btn的element去設定他的attribute:disabled為true
$("#act_btn").attr("disabled", true); 
// 取出id = picXXX的element去取出他的attribute:src的值
var pic_source = $('#pic'+act_num).attr('src');

要去針對html element去新增內容可以用 JQuery 的 append
我是需要用到動態新增/刪除 table row
// 用append動態組成table row的語法
 var append = '<tr><td>XXX</td></tr>';
// 將id= wanted_product的elemet中的tbody,針對tbody的最後去插入html語法(此處為table row)
$('#wanted_product > tbody:last').after(append+'');

// 要在document onready時去觸發select element 的onclick
將select element 設一個class 例如<select name="quantity[]" class="form-control" onclick="set_total_num_product(5455273);" id="select_5455273"></select>
---------------->0707新增
若要幫element的class新增
可以用$('#id').addClass('欲新增的class');  <-> $('#id').removeClass('欲刪除的class');
---------------->0708新增
//用trigger click去觸發,也許可以用於所有element,但必須同個class
'#wanted_product tr').length
$(".form-control").trigger("click");
//用PHP網頁在產生的時候自動去觸發Javascript function
在PHP網頁內使用
<?php
    echo '<script>';
    echo '$( document ).ready(function() {';
    echo '});';
    echo '</script>';
?>
/* scenario : 當我購物車都是用js去動態產生table row,
 * 但需要用PHP去呼叫js的function,for 修購物車改用,
 * 這時候就直接印出document.onready,利用網頁狀態是ready時去trigger function
 */
---------------->0710新增
[PHP]自動排程

 * 23 */1 * * /usr/bin/php /var/www/html/neil/index.php store get_map_pic

                                                       controlle file  controller
---------------->0717新增
js中"aaBBCCaa".replace('aa','');  --> "BBCCaa" 
Why?因為預設是取代"第一個"符合pattern的字串
若要全部取代則必須改為"aaBBCCaa".replace(/aa/g,'');
g - Global replace. Replace all instances of the matched string in the provided text.
i - Case insensitive replace. Replace all instances of the matched string, ignoring differences in case.

m - Multi-line replace. The regular expression should be tested for matches over multiple lines.

留言

這個網誌中的熱門文章

Grafana K6

[翻譯] 介紹現代網路負載平衡與代理伺服器

Linux 事件驅動筆記