Kiểm tra xem chuỗi có chứa chuỗi con trong JQuery không – jquery nếu chứa chuỗi

Trong bài viết này, hãy tìm hiểu cách tìm kiếm chuỗi hoặc chuỗi con trong JQuery hoặc JavaScript. Ví dụ về JQuery Substring hoặc JavaScript Subscript code.

Bạn đang xem : jquery nếu chứa chuỗi

Giới thiệu

Trong bài viết này, chúng ta sẽ học cách tìm kiếm và định vị các từ hoặc chuỗi con trong đoạn văn hoặc chuỗi lớn. Chúng tôi sẽ đạt được điều này bằng cách sử dụng cả JavaScript và jQuery.

Tình huống

Đôi khi, chúng tôi gặp một yêu cầu trong đó chúng tôi cần tìm các chuỗi con trong một đoạn văn. Chúng tôi có một số kịch bản mà chúng tôi sẽ xem xét để đạt được nó.

  1. Cách tìm một từ hoặc một chuỗi con có trong chuỗi đã cho hay không.
  2. Cách tìm vị trí của một từ hoặc một chuỗi cụ thể trong chuỗi đã cho
  3. < li> Cách tìm một chuỗi và thay thế nó bằng một số chuỗi khác.

  4. Cách tìm số lần xuất hiện của một từ hoặc một chuỗi cụ thể trong một chuỗi hoặc đoạn văn nhất định
  5. Cách thực hiện để tìm một hoặc nhiều đoạn văn có từ hoặc chuỗi bắt buộc.

Cách tìm xem một từ hoặc một chuỗi con có trong chuỗi đã cho hay không.

Trong trường hợp này, chúng tôi sẽ sử dụng phương thức include () để xác định xem một chuỗi chứa từ được chỉ định hay chuỗi con. Nếu từ hoặc chuỗi con có trong chuỗi đã cho, phương thức include () trả về true; nếu không, nó trả về false.

Phương thức include () phân biệt chữ hoa chữ thường.

Phương thức này thực hiện tìm kiếm chuỗi. Ngoài ra, nó có sự linh hoạt để xác định vị trí bắt đầu của tìm kiếm.

Lưu ý: phương thức include () không được hỗ trợ trong IE11

Tìm kiếm toàn bộ chuỗi.

Tìm kiếm toàn bộ chuỗi.

  1. & lt; script language =

    “javascript” < / p>

    & gt;

  2. var

    strng;

  3. strng =

    “Dù bằng cách nào, thời gian quyết định phần lớn trải nghiệm của con người.”

    < p>;

  4. var

    incStr = strng.includes (

    “human”

    );

  5. document.write (

    “Có ‘con người’ trong chuỗi không ?:”

    + incStr);

  6. & lt; / script & gt;

Đầu ra

JavaScript

Tìm kiếm vị trí bắt đầu được chỉ định.

Tìm kiếm vị trí bắt đầu được chỉ định.

Trường hợp 1 – Điểm bắt đầu tìm kiếm trước chữ ‘h’ trong từ “con người”.

  1. & lt; script language =

    “javascript” < / p>

    & gt;

  2. var

    strng;

  3. strng =

    “Dù bằng cách nào, thời gian quyết định phần lớn trải nghiệm của con người.”

    < p>;

  4. var

    incStr = strng.includes (

    “human”

    , 10);

  5. document.write (

    “Có ‘con người’ trong chuỗi không ?:”

    + incStr);

  6. & lt; / script & gt;

Đầu ra

JavaScript

Trường hợp 2 – Điểm bắt đầu tìm kiếm sau chữ ‘h’ trong từ “con người”.

  1. & lt; script language =

    “javascript” < / p>

    & gt;

  2. var

    strng;

  3. strng =

    “Dù bằng cách nào, thời gian quyết định phần lớn trải nghiệm của con người.”

    < p>;

  4. var

    incStr = strng.includes (

    “human”

    , 38);

  5. document.write (

    “Có ‘con người’ trong chuỗi không ?:”

    + incStr);

  6. & lt; / script & gt;

Đầu ra

JavaScript

Cách tìm vị trí của một từ cụ thể hoặc một chuỗi con trong chuỗi đã cho

Chúng tôi có thể đạt được điều này bằng cách sử dụng Biểu thức chính quy cung cấp cho chúng tôi chức năng tìm kiếm văn bản với phương thức chuỗi của nó: search (). Điều này sử dụng một biểu thức để tìm kiếm kết quả phù hợp và trả về vị trí bắt đầu của từ hoặc chuỗi con mong muốn.

Chúng tôi có thể sử dụng phương thức search () với biểu thức chính quy hoặc chuỗi làm đối số.

  • Chuỗi làm đối số

    1. & lt ; script language =

      “javascript”

      & gt;

    2. var

      strng;

    3. strng =

      “Thời gian là ảo ảnh được tạo ra trong tâm trí chúng ta? Hay nó là một chiều của vũ trụ vật lý? Dù bằng cách nào, thời gian xác định phần lớn trải nghiệm của con người. “

      ;

    4. var

      position = strng.search (

      “ảo ảnh”

      );

    5. document.write (

      “Chuỗi mong muốn có ở vị trí:”

      + Vị trí);

    6. & lt; / script & gt;
  • Biểu thức chính quy làm đối số

    1. & lt; script language =

      “javascript”

      & gt;

    2. var

      strng;

    3. strng =

      “Thời gian là ảo ảnh được tạo ra trong tâm trí chúng ta? Hay nó là một chiều của vũ trụ vật lý? Dù bằng cách nào, thời gian xác định phần lớn trải nghiệm của con người. “

      ;

    4. var

      position = strng.search (/ ảo tưởng / i);

    5. document.write (

      “Chuỗi mong muốn có ở vị trí:”

      + Vị trí);

    6. & lt; / script & gt;

Đầu ra

JavaScript

Vị trí chuỗi là 11 vì JavaScript tính vị trí đầu tiên của Chuỗi là 0

Cách tìm một chuỗi và thay thế nó bằng một số chuỗi khác.

Chúng tôi có thể đạt được điều này bằng cách sử dụng Biểu thức chính quy cung cấp cho chúng tôi chức năng thay thế văn bản bằng phương thức chuỗi của nó: Replace () thay thế chuỗi được chỉ định bằng từ hoặc chuỗi con mong muốn, do đó sửa đổi chuỗi ban đầu.

Chúng tôi có thể sử dụng phương thức Replace () với biểu thức chính quy hoặc chuỗi làm đối số.

  • Chuỗi dưới dạng đối số

    1. < p>

      & lt; script language =

      “javascript”

      & gt;

    2. var

      strng;

    3. strng =

      “Thời gian có phải là ảo ảnh được tạo ra trong tâm trí chúng ta không?”

      ;

    4. document.write (

      “Chuỗi gốc:”

      + strng + < / p>

      “& lt; br \ & gt; & lt; br \ & gt;”

      );

    5. var

      modStrng = strng.replace (

      < p class = "string"> “đã tạo”

      ,

      “tẩy não”

      );

    6. document.write (

      “Chuỗi được sửa đổi:”

      + fixedStrng + < / p>

      “& lt; br \ & gt; & lt; br \ & gt;”

      )

    7. & lt; / script & gt;

  • Biểu thức chính quy làm đối số

    1. & lt; script language =

      “javascript”

      & gt;

    2. var

      strng;

    3. strng =

      “Thời gian có phải là ảo ảnh được tạo ra trong tâm trí chúng ta không?”

      ;

    4. document.write (

      “Chuỗi gốc:”

      + strng + < / p>

      “& lt; br \ & gt; & lt; br \ & gt;”

      );

    5. var

      modStrng = strng.replace (/ CREATED / i,

      “tẩy não”

      );

    6. document.write (

      “Chuỗi được sửa đổi:”

      + fixedStrng + < / p>

      “& lt; br \ & gt; & lt; br \ & gt;”

      )

    7. & lt; / script & gt;

Đầu ra

JavaScript

Cách tìm số lần xuất hiện của một từ hoặc một chuỗi cụ thể trong một chuỗi hoặc đoạn văn nhất định.

Trong trường hợp này, chúng tôi sẽ sử dụng phương thức indexOf () trong JavaScript để tìm số lần xuất hiện của từ hoặc chuỗi con mong muốn.

  1. & lt; script type =

    “text / javascript “

    language =

    ” JavaScript1.1 “

    & gt;

  2. var

    posn = 0;

  3. var

    numr = -1;

  4. var

    j = -1;

  5. var

    para =

    ” Thời gian có phải là ảo ảnh được tạo ra trong tâm trí chúng ta không? Hay nó là một chiều của vũ trụ vật chất? Dù bằng cách nào, thời gian phần lớn xác định trải nghiệm của con người. “

    ;

  6. var

    findWord =

    ” thời gian “

    ;

  7. trong khi

    (posn! = -1)

  8. {

  9. posn = para.indexOf (findWord, j + 1);

  10. numr + = 1;

  11. j = posn;

  12. }

  13. document.write (para +

    “& lt; br \ & gt; & lt; br \ & gt;”

    )

  14. document.write (

    “Đã có”

    + numr +

    ” Lần xuất hiện của ” “

    + findWord +

    ” ” trong đoạn văn đó. “

    );

  15. document.close ();

  16. & lt; / script & gt;

Mã có một vòng lặp while để Tìm kiếm chuỗi con hoặc từ và đếm số lần xuất hiện

Đầu ra

JavaScript

Trong trường hợp này, bạn có thể nhận được sự xuất hiện của bất kỳ Chuỗi con hoặc Từ nào bằng cách chuyển nó vào mã, trong biến findWord.

  1. var

    str =

    “Xin chào thế giới, chào mừng đến với vũ trụ.”

    ;

  2. var

    n = str.includes (

    “world”

    );

  3. document.getElementById (

    “demo”

    ) .innerHTML = n ;

Cách tìm các đoạn đơn hoặc nhiều đoạn có từ hoặc chuỗi bắt buộc.

Trong trường hợp này, chúng tôi sẽ sử dụng phương thức chứa () trong jQuery để tìm một hoặc nhiều đoạn văn có chứa từ hoặc chuỗi con mong muốn. Ở đây, chúng tôi đã sử dụng 4 đoạn văn để trình bày và hai đoạn văn được đặt tên lớp giống nhau để đưa ra ý tưởng về hoạt động của mã.

  1. & lt; p

    class

    < p> =

    “p1”

    & gt; Thời gian có phải là ảo ảnh được tạo ra trong tâm trí chúng ta không? & lt; / p & gt;

  2. & lt; p

    class

    =

    “p1”

    & gt; Hay nó là một chiều của vũ trụ vật chất? & lt; / p & gt;

  3. & lt; p

    class

    =

    “p2”

    & gt; Dù bằng cách nào, thời gian xác định phần lớn trải nghiệm của con người. & lt; / p & gt;

  4. & lt; p

    class

    =

    “p2”

    & gt; Biết kể là một kỹ năng toán học ban đầu cần thiết. & lt; / p & gt;

  5. & lt; script src =

    “https://cdnjs.cloudflare.com/ajax/libs /jquery/3.3.1/jquery.min.js “

    & gt; & lt; / script & gt;

  6. & lt; script & gt;

  7. $ (document) .ready (

    function

    () {

    < / p>

  8. $ (

    “. p1: chứa (thời gian)”

    ) .css (

    “background-color”

    ,

    “vàng”

    );

  9. $ (

    “. p2: chứa (thời gian)”

    ) .css (< / p>

    “background-color”

    ,

    “aqua”

    );

  10. });

  11. & lt; / script & gt;

Đầu ra

JavaScript

Hy vọng bài viết này hữu ích.


Xem thêm những thông tin liên quan đến chủ đề jquery nếu chứa chuỗi

jQuery method chaining

alt

  • Tác giả: kudvenkat
  • Ngày đăng: 2015-04-09
  • Đánh giá: 4 ⭐ ( 6132 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Link for all dot net and sql server video tutorial playlists
    https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1

    Link for slides, code samples and text version of the video
    http://csharp-video-tutorials.blogspot.com/2015/04/jquery-method-chaining.html

    Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
    https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1

    In this video we will discuss
    1. What is method chaining
    2. How method chaining works
    3. When will method chaining not work

    Let us understand this with an example. Consider the following HTML
    <ul>
    <li>US</li>
    <li>India</li>
    <li>UK</li>
    <li>Canada</li>
    <li>Australia</li>
    </ul>

    Our jQuery code should do the following
    1. Change the color of all the list items to blue
    2. All the list items should slide down (animation)
    3. All the list items should slide up (animation)
    4. Change the title attribute of all the list items to MY TITLE

    One way to do this is by using the following jQuery code.
    <html>
    <head>
    <title></title>
    <script src=”jquery-1.11.2.js”></script>
    <script type=”text/javascript”>
    $(document).ready(function () {
    $(‘li’).css(‘color’,’blue’);
    $(‘li’).slideUp(1000);
    $(‘li’).slideDown(1000);
    $(‘li’).attr(‘title’, ‘MY TITLE’);
    });
    </script>
    </head>
    <body style=”font-family:Arial”>
    <ul>
    <li>US</li>
    <li>India</li>
    <li>UK</li>
    <li>Canada</li>
    <li>Australia</li>
    </ul>
    </body>
    </html>

    Instead the jQuery methods can be chained as shown below.
    <script type=”text/javascript”>
    $(document).ready(function () {
    $(‘li’).css(‘color’, ‘blue’).slideUp(1000).slideDown(1000).attr(‘title’, ‘MY TITLE’);
    });
    </script>

    How does method chaining work
    1. $(‘li’) returns a jquery collection object that contains all the elements that match the selector
    2. On the collection object css() method is called. This method applies the color to all the elements in the collection and returns the collection again.
    3. On the collection that is returned by the css() method, the slideUp() method is called.
    4. This process continues until we reach the last method in the chain.

    When chaining methods like this, the line of code will become quite long and the readability will be lost. To improve the readability of the code you can format chained methods as shown below.

    <script type=”text/javascript”>
    $(document).ready(function () {
    $(‘li’)
    .css(‘color’, ‘blue’)
    .slideUp(1000)
    .slideDown(1000)
    .attr(‘title’, ‘MY TITLE’);
    });
    </script>

    When will method chaining not work
    Method chaining will not work if a method in the chain does not return an object. In the example below, text() method returns a string that contains the text of all the list items and not an object. Hence the chaining does not work in this case.

    <script type=”text/javascript”>
    $(document).ready(function () {
    $(‘li’)
    .text()
    .css(‘color’, ‘blue’)
    .slideUp(1000)
    .slideDown(1000)
    .attr(‘title’, ‘MY TITLE’);
    });
    </script>

    With the same example, method chaining works, if you use text() method to set the value for the list item. In this case, text() method sets a value for each list item in the jQuery collection object and returns that collection object. Hence the chaining works.

    <script type=”text/javascript”>
    $(document).ready(function () {
    $(‘li’)
    .text(‘MY VALUE’)
    .css(‘color’, ‘blue’)
    .slideUp(1000)
    .slideDown(1000)
    .attr(‘title’, ‘MY TITLE’);
    });
    </script>

jQuery là gì? Tổng quan và hướng dẫn sử dụng jQuery – Trung tâm hỗ trợ kỹ thuật

  • Tác giả: wiki.matbao.net
  • Đánh giá: 3 ⭐ ( 7723 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: jQuery là gì? jQuery là thư viện được viết từ JavaScript, giúp xây dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính năng hơn

Cách kiểm tra xem một chuỗi có chứa chuỗi con trong JavaScript hay không

  • Tác giả: tech-wiki.online
  • Đánh giá: 4 ⭐ ( 1111 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

jQuery nếu tìm thấy trong chuỗi

  • Tác giả: vi.uwenku.com
  • Đánh giá: 3 ⭐ ( 1439 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Làm thế nào tôi có thể kiểm tra jQuery để xem nội dung của một biến có chứa một từ cụ thể và có nó thực hiện một cảnh báo nếu phù hợp?

jQuery.ajax(options) trong jQuery

  • Tác giả: vietjack.com
  • Đánh giá: 4 ⭐ ( 5399 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: jQuery.ajax(options) trong jQuery – Học jQuery cơ bản và nâng cao theo các bước đơn giản về jQuery Selector, Bộ chọn, thuộc tính, Attribute, CSS, Thao tác DOM, Truy cập DOM, AJAX trong jQuery, hiệu ứng, sự kiện trong jQuery, Drag và Drop, Effect, Event Handler, UI, Plug-ins và các tiện ích khác trong jQuery.

Các hàm xử lý chuỗi trong Javascript

  • Tác giả: toidicode.com
  • Đánh giá: 3 ⭐ ( 4601 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Chuỗi – String là một thứ không thể thiếu trong một ngôn ngữ và đi kèm theo nó là hàng loạt các hàm xử lý chuỗi sẵn có, rất hữu dụng. Và đương nhiên trong javascript cũng thế.

jQuery selector là gì? Trọn bộ selector trong jQuery đầy đủ nhất

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 4580 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu Selector là gì? Tìm hiểu cú pháp selector trong jQuery, xử lý duyệt các phần tử trong kết quả trả về của selector trong jquery dành cho người mới.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Làm thế nào để tạo tab cho một trang web bằng cách sử dụng Html? - PeterElSt - cách tạo tab trên một trang web