[技術] js & jquey實用語法

終止與返回

return false;
window.event.returnValue = false;
event.preventDefault();  //終止預設行為

參考資料：
https://dotblogs.com.tw/harry/2016/09/10/131956

移除

$('.alt_span').remove(); //移除class=alt_span的所有項目
$('#alt').removeClass("alt_span"); //移除id="alt"裡的alt_span class

參考資料：
https://www.w3school.com.cn/jquery/jquery_dom_remove.asp

表單file

console.log($('#file1').val());   //取得檔案名稱

在元素後新增指定元素

$("#alt_1").after('請輸入圖片 alt');

參考資料：
https://zhidao.baidu.com/question/495129347.html

取得特定開頭的id元素, 並取該集合內的但進行動作

      
$("input[id^='pic1_']").each(function(){    //取得id=pic1_開頭的資料
  //console.log($(this).val());   //取得file檔名,或input值
  //console.log($(this).attr("id"));    //取得file元素的id
  var id_str = $(this).attr("id").split('_');    //將id字串分割(ex: pic1_1);
  var num = id_str[1];
  if(($(this).val().length > 0) && ($("#alt_" + num).val().length < 1)) {
    //若有選檔案, 但填寫說明,則提示要寫上說明
    $('.alt_span').remove(); //移除之前已加上的提示
    $("#alt_" + num).focus();  //游標定位
    $("#alt_" + num).after('請輸入說明');  //於選檔案後方加上提示
    e.preventDefault();  //終止預設行為(防止表單送出)
  }
}) ;

參考資料：
https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/285031/
https://www.cnblogs.com/wangfuyou/p/5457758.html
https://www.cnblogs.com/zhangliang88/p/5468840.html
https://dotblogs.com.tw/forloop/2016/07/25/same_class_name_get_component_attributes

 jquery字串分割

var image_arr = 'image_1'.split('_');  //得到image_arr = array('image', '1');

參考資料:
https://ithelp.ithome.com.tw/articles/10209129

jquery選擇器
參考資料：
http://design2u.me/blog/943/jquery-notes-g-selector-the-selector
https://ithelp.ithome.com.tw/articles/10095237