JS: jquery xử lý string kiểu html code

Khi lập trình chắc nhiều bạn hãy còn nhớ đến xử lý chuỗi String "toi la ai", "toi la ai\r\n"

Khá nan giải, rồi tiếp cận đến: RegExp để xử lý chuỗi, quá là hay.

Nhìn nhận về string là kiểu biến vô cùng quan trọng, JavaScript sớm ý thức trước được điều đó, ví dụ 2 câu lệnh:
top.location.href (a) và top["location"]["href"] (b) là như nhau (Ctrl+Shift+I trên trình duyệt).

Tưởng chừng cách viết (b) khá là không tiện, đa phần sẽ chọn kiểu (a).
Nhưng xem:

var a ="location", b ="href"; console.log(top[a][b]);

Và đặt ra cho ta nhiều tùy biến cao, ví dụ: các key("location" là key của biến top, top là biến mặc định của trình duyệt khi ta "inspect") của biến được lấy từ bên ngoài, các key của biến tôi mã hóa nhiều bước, thô thiển nhất là:

var a = "xx yy location xx href yy".split(' ');console.log(top[a[2]][a[4]]);

Và thêm ví dụ, tự ngẫm nhé : var a = {"ka-ka": "hello"}; console.log(a['ka-ka']);

--

Quay trở lại ban đầu, oke, RegExp (Regular Expression - Biểu thức chính quy) khá khó, cơ bản tôi sẽ dùng để kiểm tra lỗi nhập của người dùng phía client, tránh lỗi và xử lý không cần thiết phía server.

Để xử lý 1 chuối string kiểu html:

var a = '<a href="10">10</a><br><a href="12">12</a>'.
Cơ bản khi render lên trang web, b = '<a href= "10">10</a> <br> <a href= "12">12</a>', hay c = `<a href='10'>10</a><br><a href="12">12</a>`;

Đều hiển thị y chang nhau, nhưng nếu xử lý chúng với các mục đích khác nhau thì rất khác nhau.

Biến string kiểu như các node, element trong thẻ html, dùng jquery sẽ tốt.

Jquery rất nhiều trang web nhúng vào theo nhiều kiểu khác nhau, kiểm tra: $().jquery hoặc $.fn.jquery (Inspect Ctrl+Shift+I trên trình duyệt)

--

Xử lý chuỗi bằng Jquery:

var a = '<a href="10">10</a><br><a href="12">12</a>', b = $('<div>'+a+'</div>'), c=[];
b.find('a').each(function(){
  var a = $(this).attr('href');
  c.push(a)
});
console.log(c);

---

b = $('<div>'+a+'</div>')
là 1 thủ thuật để biến string thành chuẩn 1 phần tử trong html.

lấy lại chuỗi string: b.html();