我已经在这里找不到了，希望有人能提供帮助。
我需要将链接（.more）附加到其前面的段落中-我确定这很简单，但不能完全正确：
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<a href="#" class="more">Read more</a>
<p>Lorem ipsum</p>
最终的HTML中可能有更多的段落，我需要这样做的原因与CMS有关。但是基于以上内容，我的目标是：
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum <a href="#" class="more">Read more</a></p>
<p>Lorem ipsum</p>
我试过了：
$(".more").appendTo("p");
但这显然会附加到所有段落中……也许这是prevAll的工作，但我不能完全同意。
在此先感谢您的帮助！
如何将此URL变量附加到列表中？
我正在摆弄这个:http://jsfiddle.net/Y2ER7/4/
JS:
$(function() {
var pic = "http://jqueryui.com/demos/droppable/images/high_tatras3_min.jpg";
// doesn't work
$("<li><img /></li>").attr("src", pic).appendTo("#album ul");
$("<li><img src='pic' /></li>").appendTo("#album ul");
// hardcoded works
$("<li><img src='http://jqueryui.com/demos/droppable/images/high_tatras3_min.jpg' /></li>").appendTo("#album ul");
});
HTML:
<div id="album">
<ul>
<li>red</li>
<li>green</li>
<li>blue</li>
</ul>
</div>
我不能让这个简单的追加工作.我试图在第一张图片之后添加两个break标签.
这是一个链接
<script type="text/javascript">
$(document).ready(function(){
$('.photosize').find('img:first').append('<br/><br/>');
});
</script>
我一直在谷歌搜索并试图让我的生活延迟追加到即时发生,以便我可以先做一个漂亮的淡出.这里,myObject是一个链接:
<a href="#">My Link</a>
我想把它变成一个无序列表:
<div id="newDiv">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
做这样的事情:
myObject.fadeOut(300).appendTo('#newDiv ul').fadeIn(300);
myObject.wrap('<li></li>');
我知道appendTo不是动画对象,所以它只是瞬间发生.所以我尝试将追加作为fadeOut的回调:
myObject.fadeOut(300, myObject.appendTo('#newDiv')).fadeIn(300);
myObject.wrap('<li></li>');
只是现在它不仅立即发生,包裹不再起作用.我也尝试使用setTimeout来延迟无效.
我想悬停在一个div中,在身体部分添加一个新的div,这里有一些代码.
但我的问题是:现在它不是追加一个新的div而是替换第一个所有的html.问题出在哪儿？谢谢. http://jsfiddle.net/U7QqB/3/
JS
jQuery(document).ready(function() {
$('.click').hover(function(){
var html = $(this).find('.text').html();
$('body').append('<div id="object"/>').html(html).css({'top':'200px','left':'300px','z-index':'10'});
});
});
CSS
.click{position:realavite;top:100px;left:300px;}
.text{display:none;}
.object{position:absolute;}
HTML
<body>
<h1>A hover append div text</h1>
<div class="click">
<img src="http://nt3.ggpht.com/news/tbn/U7Q-7enFr00rUM/1.jpg" />
<div class="text">text</div>
</div>
</body>
我正在尝试找到将所选项目从一个组合框添加到另一个组合框的最佳方法.诀窍是我只想将项目添加到目标列表中但尚不存在.目前我使用的过程相当丑陋,不能像我期望的那样工作.
$('#addSelectedButton').click(function() {
var previousOption;
$('#sourceList option:selected').appendTo('#destinationList');
$('select[name=destinationList] option').each(function () {
if (this.text == previousOption) $(this).remove();
previousOption = this.text;
});
});
我遇到的问题是appendTo方法更多的是移动而不是添加.然后就是删除重复项的问题,这在本例中有效,但我不禁想到有更好的方法.
任何帮助将不胜感激.
谢谢,
我目前正在尝试使用以下代码进行克隆:
var position = $(this).position();
var ptop = position.top;
var pleft = position.left;
$(this).click(function() {
$(this).clone().css({
top: ptop,
left: pleft,
opacity: '0.55'
})
}).appendTo(this);
我需要元素克隆到比兄弟元素确切的位置.这就是为什么我有:
var position = $(this).position();
var ptop = position.top;
var pleft = position.left;
获得这个职位.但我也认为克隆具有更轻的不透明度.
我正在尝试在div元素中动态添加图像.所以我有一个这样的块
<div id="gallery" >
<img src="images/slide1.jpg" alt="Slide 1 />
<img src="images/slide2.jpg" alt="Slide 2 />
<img src="images/slide3.jpg" alt="Slide 3 />
<img src="images/slide4.jpg" alt="Slide 4 />
</div>
我的想法是在第一张图像之后动态插入图像,这样我的新图像就会在第一张图像之后.我尝试了appendTo,追加,追加,插入后.
你有什么想法 ？提前致谢 :)
我的案子有两个步骤:
1)用户将从下拉列表中选择建模阶段数.2)根据用户输入,我使用.appendTo方法动态创建HTML表.
除IE7外,chrome,firefox,IE9上的一切都很顺利.我的一些用户拥有IE7,不允许更新.所以我必须解决这个问题.真的很感激任何评论.
以下是Chrome和IE9中的外观示例
以下是我的代码:
HTML代码:
<div class="articles">
<table align="center">
<tr><th><label for="id_S">Number of modeled stages:</label></th><td><select name="S" id="id_S">
<option value="">Please choose</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select></td></tr>
</table></div>
JavaScript代码:
$(".articles").find('table').addClass('table');
$('#id_S').change(function() {
$('.leslie').remove();
$('.no').remove();
var total = $(this).val()
$('<table class="leslie" border="0" align="center"><tr><th width="5" colspan=' + total + '>Lesile Matrix:</th></tr>').appendTo('.table');
i = 0
while (i < total) {
$('<tr>').appendTo('.leslie')
var j = 0
while (j < total) {
$('<td><input …我试图将同一类"td.top"的所有元素追加到另一个地方除了最后一个,但我无法弄清楚这是怎么可能的......任何想法都受到欢迎,我有点卡住了..谢谢任何输入.这是我现在的代码:
$(document).ready(function() {
if ( $(window).width() < 960) {
$("td.top").appendTo("ul.sub");
} else {
//something else
}
});