jQuery追加对象并添加字符串

时间:2013-11-25 17:40:06

标签: jquery append

尝试将div 1转换为div 2并在文本周围括起括号。

尝试

$('.div1').append('(' + $('.div2') + ')');

<div class="1"></div>
<div class="2">blah</div>

我想要什么

<div class="1"><div class="2">(blah)</div></div>

8 个答案:

答案 0 :(得分:2)

$('.div1').append($('.div2').html('(' + $('.div2').html() + ')'));

jsFiddle example

答案 1 :(得分:1)

问题在于您的选择器:.div1.div2,它们正在搜索类div1div2的元素;而你需要div 元素,类12

因此我建议:

$('div.2').text(function(i,t){
    return '(' + t + ')';
});
$('div.1').append($('div.2'));

JS Fiddle demo

虽然请注意使用数字字符作为classid的第一个字符,但在CSS中可能会出现问题。

参考文献:

答案 2 :(得分:1)

试试这个

$(function(){
    $('div.2').text('('+$('div.2').text()+')');
    $('div.1').html($('div.2'));
});

<强> Demo

答案 3 :(得分:0)

您应克隆该元素,然后将parentesis添加到其中,并将其附加到另一个div。之后,您可以随时删除旧元素。

<强> JS

var div2 = $('.div2').clone();
div2.text('(' + div2.text() + ')');
$('.div1').append(div2);

<强> HTML

<div class="div1"></div>
<div class="div2">blah</div>

Jsfiddle

答案 4 :(得分:0)

$(function(){
    //$('.div1').append('(', $('.div2'), ')'); //this is better way but you can try following
    $('.div1').append($('.div2'));
    $('.div2').html('('+$('.div2').html()+')');
});

演示:http://jsfiddle.net/aamir/jNU4B/

答案 5 :(得分:0)

尝试:

var html = $('.div2');
var text = $('.div2').text();
$(html).text("("+text+")");             
$('.div1').append(html);

Fiddle here.

注意:

类的名称永远不会以数值开头。

答案 6 :(得分:0)

你JS看起来像这样

$( document ).ready(function() {
  $('.1').append('(' + $('.2').html() + ')');
   $('.2').remove();
});

这是一个有效的例子。 http://jsfiddle.net/cVD6X/

希望这就是你的意图。

此致 埃里克罗宾逊

答案 7 :(得分:0)

希望这会有所帮助..

$('div.1').append($('div.2'));
$('div.2').html("(" + $('div.2').html() + ")");