Hướng dẫn jquery remove element from html string - jquery xóa phần tử khỏi chuỗi html

Đã hỏi 12 năm, 3 tháng trước 12 years, 3 months ago

Đã xem 32k lần 32k times

Tôi có một chuỗi:

var s = '

heading

para

';

và tôi muốn loại bỏ phần tử

$(s).remove('h2');
4 khỏi nó. Ive đã thử:

$(s).remove('h2');

Nhưng s vẫn chứa phần tử

$(s).remove('h2');
4 Ive cũng đã thử:

s = $(s).remove('h2');

$('h2', s).remove();

$('h2', $(s)).remove();

vv vv vv

Bất kỳ ý tưởng?

Hỏi ngày 25 tháng 7 năm 2010 lúc 23:32Jul 25, 2010 at 23:32

Hướng dẫn jquery remove element from html string - jquery xóa phần tử khỏi chuỗi html

PetahpetahPetah

44,8K27 Huy hiệu vàng156 Huy hiệu bạc212 Huy hiệu đồng27 gold badges156 silver badges212 bronze badges

Cập nhật: Tôi thấy bạn vừa thay đổi câu hỏi. Bây giờ giải pháp sẽ là thế này:: I see you just changed the question. Now the solution would be this:

var s = '

heading

para

'; var $s = $(s).not('h2'); $('body').append($s);​

Hãy thử nó: http://jsfiddle.net/q9crx/19/ http://jsfiddle.net/q9crX/19/

Bởi vì bây giờ bạn có nhiều hơn một phần tử "cấp cao nhất" trong đối tượng jQuery, bạn có thể sử dụng

$(s).remove('h2');
6 (về cơ bản là trái ngược với
$(s).remove('h2');
7) để loại bỏ
$(s).remove('h2');
4.

Nó sẽ giống như làm

$(s).remove('h2');
9

  • http://api.jquery.com/not/
  • http://api.jquery.com/filter/

Câu trả lời ban đầu

$(s).find('h2').remove();

Vì vậy, nếu bạn đã thêm kết quả vào

s = $(s).remove('h2');
0, bạn có thể làm:

var s = '

heading

para

'; var $s = $(s).find('h2').remove().end(); $('body').append($s);​

Hãy thử nó: http://jsfiddle.net/q9crx/ http://jsfiddle.net/q9crX/

Đã trả lời ngày 25 tháng 7 năm 2010 lúc 23:34Jul 25, 2010 at 23:34

user113716user113716user113716

Phù bằng vàng 314K6262 gold badges445 silver badges436 bronze badges

5

.Remove ([Selector]) Trả về: JQueryReturns: jQuery

Mô tả: Loại bỏ tập hợp các phần tử phù hợp khỏi DOM.Remove the set of matched elements from the DOM.

  • Phiên bản được thêm vào: 1.0.Remove ([Selector]).remove( [selector ] )

    • bộ chọn

      Một biểu thức chọn lọc lọc tập hợp các phần tử phù hợp sẽ được loại bỏ.

Tương tự như

s = $(s).remove('h2');
1, phương pháp
s = $(s).remove('h2');
2 lấy các phần tử ra khỏi DOM. Sử dụng
s = $(s).remove('h2');
2 khi bạn muốn tự xóa phần tử, cũng như mọi thứ bên trong nó. Ngoài các yếu tố, tất cả các sự kiện bị ràng buộc và dữ liệu jQuery được liên kết với các yếu tố sẽ bị xóa. Để loại bỏ các yếu tố mà không cần xóa dữ liệu và sự kiện, hãy sử dụng
s = $(s).remove('h2');
4 thay thế.

Hãy xem xét HTML sau:

1

2

3

4

________số 8

Chúng tôi có thể nhắm mục tiêu bất kỳ yếu tố nào để loại bỏ:

Điều này sẽ dẫn đến cấu trúc DOM với phần tử

s = $(s).remove('h2');
5 bị xóa:

1

2

3

<div class="goodbye">Goodbyediv>

Nếu chúng tôi có bất kỳ số lượng các yếu tố lồng nhau bên trong

s = $(s).remove('h2');
6, chúng cũng sẽ bị xóa. Các cấu trúc jquery khác như dữ liệu hoặc trình xử lý sự kiện cũng bị xóa.

Chúng tôi cũng có thể bao gồm một bộ chọn như một tham số tùy chọn. Ví dụ: chúng ta có thể viết lại mã loại bỏ DOM trước đây như sau:

1

$(s).remove('h2');
0

Điều này sẽ dẫn đến cùng một cấu trúc DOM:

1

2

3

<div class="goodbye">Goodbyediv>

Examples:

Nếu chúng tôi có bất kỳ số lượng các yếu tố lồng nhau bên trong

s = $(s).remove('h2');
6, chúng cũng sẽ bị xóa. Các cấu trúc jquery khác như dữ liệu hoặc trình xử lý sự kiện cũng bị xóa.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

Chúng tôi cũng có thể bao gồm một bộ chọn như một tham số tùy chọn. Ví dụ: chúng ta có thể viết lại mã loại bỏ DOM trước đây như sau:

Demo:

$(s).remove('h2');
0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

$(s).remove('h2');
3

Demo:

Làm thế nào để loại bỏ phần tử HTML bằng jQuery?

Để xóa các phần tử và nội dung, chủ yếu có hai phương thức jQuery: Remove () - Xóa phần tử đã chọn (và các phần tử con của nó) trống () - loại bỏ các phần tử con khỏi phần tử đã chọn.remove() - Removes the selected element (and its child elements) empty() - Removes the child elements from the selected element.

Làm thế nào để phá hủy một yếu tố JQuery?

Sử dụng .Remove () khi bạn muốn tự xóa phần tử, cũng như mọi thứ bên trong nó.Ngoài các yếu tố, tất cả các sự kiện bị ràng buộc và dữ liệu jQuery được liên kết với các yếu tố sẽ bị xóa.Để loại bỏ các yếu tố mà không cần xóa dữ liệu và sự kiện, hãy sử dụng. remove() when you want to remove the element itself, as well as everything inside it. In addition to the elements themselves, all bound events and jQuery data associated with the elements are removed. To remove the elements without removing data and events, use .

Làm thế nào để loại bỏ sau trong jQuery?

Để loại bỏ phần tử tiếp theo trong jQuery, sử dụng Remove ().

Làm thế nào để loại bỏ và nối vào trong jQuery?

JQuery sử dụng: .Append ();và .Remove ();chức năng để hoàn thành nhiệm vụ này.Chúng tôi có thể sử dụng các phương thức này để nối chuỗi chuỗi hoặc bất kỳ phần tử HTML hoặc XML nào khác và cũng xóa chuỗi và các phần tử HTML hoặc XML khác khỏi tài liệu.. append(); and . remove(); functions to accomplish this task. We could use these methods to append string or any other html or XML element and also remove string and other html or XML elements from the document.