Question

我想检测是否存在“gap class”会添加html代码：

转换

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    app:elevation="2dp"
    android:layout_height="wrap_content">
    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/tab_layout_bg"
        app:tabIndicatorColor="@color/tab_indicator_color"
        app:tabGravity="fill"/>
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>

结果

<html>
<script>
    $('#gap').find('.gap');
    if "gap"
    <li><span class="gap">...</span></li>
    end
<script>
<ul>
  <li>1</li>
  <li>2</li> 
  <li>2</li> 
  <span class="gap">...</span>
  <li>4</li> 
</ul>

Answer 1

是的，您可以使用jquery中的append()将元素附加到另一个：

$('.gap').append('<li><span class="gap">...</span></li>');

或者使用appendChild()获取vanilla javascript或使用innerHTML：

Element.innerHTML += 'Content to append';

但在您的情况下，您必须将.gap元素替换为li，因此您可以使用replaceWith()方法：

$('.gap').replaceWith('<li><span class="gap">...</span></li>');

注意：您的.gap元素应由li替换为有效的html，因为span不应附加到ul。

希望这有帮助。

Answer 2

简短回答：是的，您可以使用wrap() 默认情况下，$('.gap')选择器在HTML中查找.gap类，如果找到它，则将其包装到li元素中。

演示：

$('.gap').wrap('<li></li>')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="gap">...</span>

注意

不要使用append()结果

...<li></li>

修改

无论如何...<li></li>或<li>...</li>这两个元素都不是有效的HTML li元素应位于ul元素内请查看这些链接，了解更多关于它们的附加和包装

是否可以使用jquery或javascript添加HTML代码？

2 个答案: