私はこのようになります文字列を持っているJavaScriptの

と最後の行にhtml要素を削除します。私はこのようになります文字列を持っているJavaScriptの

<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>2/"><img src="domain.com/good1.jpg" alt="001.jpg"/></a></div><!--nextpage--> 
<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>3/"><img src="domain.com/good2.jpg" alt="002.jpg"/></a></div><!--nextpage--> 
<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>4/"><img src="domain.com/good3.jpg" alt="003.jpg"/></a></div><!--nextpage--> 
<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>4/"><img src="domain.com/good4.jpg" alt="003.jpg"/></a></div><!--nextpage-->

今、私は最後の行にAHREFのリンクを削除すると、私はまた最後にを削除したいですライン。最終的な結果は次のようになります。

<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>2/"><img src="domain.com/good1.jpg" alt="001.jpg"/></a></div><!--nextpage--> 
<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>3/"><img src="domain.com/good2.jpg" alt="002.jpg"/></a></div><!--nextpage--> 
<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>4/"><img src="domain.com/good3.jpg" alt="003.jpg"/></a></div><!--nextpage--> 
<div class="image-wrap"><img src="domain.com/good4.jpg" alt="003.jpg"/></div>

私のコードがうまく動作しません。ここでは、次のとおりです。

var val = '<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>2/"><img src="domain.com/good1.jpg" alt="001.jpg"/></a></div><!--nextpage-->\n<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>3/"><img src="domain.com/good2.jpg" alt="002.jpg"/></a></div><!--nextpage-->\n<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>4/"><img src="domain.com/good3.jpg" alt="003.jpg"/></a></div><!--nextpage-->\n<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>4/"><img src="domain.com/good4.jpg" alt="003.jpg"/></a></div><!--nextpage-->\n'; 
 

 
var ele = document.createElement('div'); 
 
ele.innerHTML = val; 
 
ele.lastChild.remove(); 
 
var a = ele.lastChild; 
 
ele.replaceChild(a.firstChild, a); 
 
alert(ele.innerHTML);

誰かが私はコードを修正助けることができますか？

出典

2016-08-16 EdibleMuffin

実際にphpファイルを編集して（htmlが既に生成された後にタグを削除するのではなく）、周囲の 'a'タグを削除できますか？ –

var val = '<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>2/"><img src="domain.com/good1.jpg" alt="001.jpg"/></a></div><!--nextpage--><div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>3/"><img src="domain.com/good2.jpg" alt="002.jpg"/></a></div><!--nextpage--><div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>4/"><img src="domain.com/good3.jpg" alt="003.jpg"/></a></div><!--nextpage--><div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>4/"><img src="domain.com/good4.jpg" alt="003.jpg"/></a></div><!--nextpage-->'; 

var ele = document.createElement('div'); 
ele.innerHTML = val; 
var children = ele.children; 
var lastDiv = children[children.length - 1]; 
var a = lastDiv.firstChild; 
var img = a.firstChild; 
lastDiv.appendChild(img); 
a.remove(); 
var childNodes = ele.childNodes; 
var comment = childNodes[childNodes.length - 1]; 
comment.remove(); 
alert(ele.innerHTML);

出典

2016-08-16 05:29:40 csander

jqueryで簡単に行うことができます。以下のコードを参照してください

<html> 
<head> 
<script src="js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 


function removeLine(){ 

    var ele=$('#main'); 

    var child =$('#main').children().last(); 

    var subchild=child.children().first(); 

    var cnt = subchild.contents(); 
    subchild.replaceWith(cnt); 

    var ele1=$('#main'); 

    ele1.html(ele1.html().substring(0,ele1.html().lastIndexOf("<!--nextpage-->"))); 



    console.log(ele1.html()); 


} 


</script> 



</head> 
<body onload="removeLine()"> 
<div id="main"> 
<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>2/"><img src="domain.com/good1.jpg" alt="001.jpg"/></a></div><!--nextpage--> 
<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>3/"><img src="domain.com/good2.jpg" alt="002.jpg"/></a></div><!--nextpage--> 
<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>4/"><img src="domain.com/good3.jpg" alt="003.jpg"/></a></div><!--nextpage--> 
<div class="image-wrap"><a class="ajax-load-next" href="<phpcode><?php echo get_permalink($post->ID); ?></phpcode>4/"><img src="domain.com/good4.jpg" alt="003.jpg"/></a></div><!--nextpage--> 
</div> 
</body> 
</html>

出典

2016-08-16 05:39:40

私はこのようになります文字列を持っているJavaScriptの

答えて

関連する問題