小编Dom*_*Dom的帖子

计算文字宽度

我正在尝试使用jQuery计算文本宽度.我不确定是什么,但我肯定做错了什么.

所以,这是代码:

var c = $('.calltoaction');

var cTxt = c.text();

var cWidth =  cTxt.outerWidth();

c.css('width' , cWidth);
Run Code Online (Sandbox Code Playgroud)

jquery

99
推荐指数
8
解决办法
11万
查看次数

用jQuery删除文本

有没有办法使用jQuery删除未包含在任何标记中的文本

<p>This is some text</p>

This is "unwrapped" text //to be removed

<span>some more text</span>
Run Code Online (Sandbox Code Playgroud)

谢谢您的帮助

jquery

24
推荐指数
2
解决办法
3万
查看次数

20
推荐指数
2
解决办法
2万
查看次数

用jQuery将3个div包装在一起

我需要使用jQuery将3个div包装成一个.

<div class="one"></div><div class="two"></div><div class="three"></div>
Run Code Online (Sandbox Code Playgroud)

进入这个

<div class="wrap"><div class="one"></div><div class="two"></div><div class="three"></div></div>
Run Code Online (Sandbox Code Playgroud)

我该怎么办?

非常感谢您的帮助

jquery

15
推荐指数
1
解决办法
2万
查看次数

在OWL Carousel中滑动2项

我正在为我的滑块使用OWL Carousel.

我想要做的是在单击下一个上一个时滑动2个项目.

因此它在传输过程中仍然显示第二个项目.

我试图用CSS来解决它,但没有成功.

这是我的基本设置

$("#owl-demo").owlCarousel({

  navigation : true, // Show next and prev buttons
  slideSpeed : 600,
  paginationSpeed : 400,
  singleItem:true,

  // "singleItem:true" is a shortcut for:
  // items : 2 
  // itemsDesktop : false,
  // itemsDesktopSmall : false,
  // itemsTablet: false,
  // itemsMobile : false
Run Code Online (Sandbox Code Playgroud)

});

任何帮助非常感谢.

提前致谢.

javascript css jquery carousel owl-carousel

11
推荐指数
4
解决办法
6万
查看次数

jQuery .append外部标记

我是jQuery的新手.说实话,这是我的头几天.

还有我的第一个问题.

$(document).ready(function() {
    $('span.head-span').parent().addClass('head-h').append('<div class="clx" />')
});
Run Code Online (Sandbox Code Playgroud)

结果我有这个

<h1 class="head-h"><span class="head-span">This is Some Heading</span><div class="clx"/></h1>
Run Code Online (Sandbox Code Playgroud)

我需要在jQuery中做什么,所以我的.clx会出现在.像这样

<h1 class="head-h"><span class="head-span">This is Some Heading</span></h1><div class="clx"/>
Run Code Online (Sandbox Code Playgroud)

非常感谢你提前.

jquery

8
推荐指数
1
解决办法
8935
查看次数

使用jQuery将随机选择的类添加到HTML标记

我需要做的就是在我的菜单中我想在每次函数启动时添加一个类(下面列出的)以及完全随机的顺序(页面加载)

这是我的HTML

<div id="menu">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Why Us</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

这就是我希望每次添加类的不同顺序时的结果

<div id="menu">
    <ul>
        <li><a href="#" class="li-one" >Home</a></li>
        <li><a href="#" class="li-five">About Us</a></li>
        <li><a href="#" class="li-three">Portfolio</a></li>
        <li><a href="#" class="li-two">Why Us</a></li>
        <li><a href="#" class="li-four">Contact Us</a></li>
    </ul>
 </div>
Run Code Online (Sandbox Code Playgroud)

下面我列出了所有课程.

.li-one .li-two .li-three .li-four .li-five
Run Code Online (Sandbox Code Playgroud)

我花了很多时间试图弄明白没有结果

非常感谢您的帮助

javascript random jquery

8
推荐指数
2
解决办法
9400
查看次数

带有jquery的字符串中的第一个单词

我正在试图找出能够帮助我将字符串中的第一个单词换成span的函数.

但遗憾的是没有运气.

有人可以帮我吗?

非常感谢

大教堂

string jquery

8
推荐指数
1
解决办法
1万
查看次数

使用jQuery验证18岁以上的任何人的日期

我的网站上有一个表格,可以验证18岁以上的人.

var day = $("#dobDay").val();
var month = $("#dobMonth").val();
var year = $("#dobYear").val();
var age = 18;
var mydate = new Date();
mydate.setFullYear(year, month-1, day);

var currdate = new Date();
currdate.setFullYear(currdate.getFullYear() - age);
var output = currdate - mydate
if ((currdate - mydate) > 0){
    // you are not 18
}
Run Code Online (Sandbox Code Playgroud)

但它完全相反的方式.我想if语句在用户未满18岁时采取行动.

提前谢谢你的帮助

javascript validation jquery

7
推荐指数
1
解决办法
2万
查看次数

Google地图和jQuery标签

我在简单的jQuery选项卡中包含的Google地图存在轻微问题.

下面我贴了代码:

jQuery的:

$(document).ready(function() {

    //Default Action
    $(".tab_content").hide();
    $("ul.tabs li:first").addClass("active").show(); 
    $(".tab_content:first").show(); 

    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active"); 
        $(".tab_content").hide(); 
        var activeTab = $(this).find("a").attr("href"); 
        $(activeTab).fadeIn();
        return false;
    });

});
Run Code Online (Sandbox Code Playgroud)

以下是标签的HTML:

<div class="bluecontainer">
    <ul class="tabs">
        <li><a href="#tab1">Tab1</a></li>
        <li><a href="#tab2">Tab2</a></li>
        <li><a href="#tab3">Tab3</a></li>
        <li><a href="#tab4">Tab4</a></li>
    </ul>
    <div class="tab_container">
        <div id="tab1" class="tab_content">
            <h2>Tab1</h2>
        </div>
        <div id="tab2" class="tab_content">
            <h2>Tab2</h2>
        </div>
        <div id="tab3" class="tab_content">
            <div>
                google Map
            </div>
        </div>
        <div id="tab4" class="tab_content">
            <h2>Tab4</h2>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我真的不知道该怎么做.这是谷歌地图的一般问题,还是我的标签有什么问题?但是他们对其他一切都很好.

提前谢谢你的帮助

jquery google-maps jquery-tabs

6
推荐指数
2
解决办法
2万
查看次数